#term-tooltip.term-tooltip {
  position: fixed;
  z-index: 1000;
  width: min(340px, calc(100vw - 24px));
  box-sizing: border-box;
  max-height: calc(100dvh - 24px);
  overflow: auto;
  overflow-wrap: anywhere;
  padding: 12px 14px;
  border: 2px solid #173746;
  border-radius: 8px;
  background: #fffef8;
  color: #102b37;
  box-shadow: 0 10px 30px rgba(0, 18, 28, .28);
  font: 15px/1.45 Arial, sans-serif;
  pointer-events: auto;
}
.term-tooltip[hidden] { display: none; }
.term-tooltip strong { display: block; margin-bottom: 4px; }
.term-tooltip span { display: block; }
.term-tooltip small { display: block; margin-top: 7px; color: #48616c; }
.term-link:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
@media (forced-colors: active) {
  #term-tooltip.term-tooltip { background: Canvas; color: CanvasText; border-color: CanvasText; }
  #term-tooltip small { color: CanvasText; }
}
@media print { .term-tooltip { display: none !important; } }