.glossar-tooltip {
  position: relative;
  display: inline;
}

.glossar-tooltip__link {
  /* Sichtbar von normalen Links unterscheiden - gepunktete Unterstreichung
     statt eigener Farbe (globale Link-Farbe bleibt unangetastet, siehe
     acss/links.md: Override nur über Link-Tokens, nicht hartkodiert). */
  --link-decoration: underline dotted;
  --link-decoration-hover: underline dotted;
}

.glossar-tooltip__popover {
  /* position:fixed statt absolute: ein absolut positioniertes Popover bleibt
     Nachfahre seines nächsten positionierten/overflow-clippenden Vorfahren
     (z.B. eine Karten- oder Akkordeon-Komponente mit overflow:hidden) und
     wurde dort teilweise abgeschnitten. glossar-tooltip.js setzt top/left in
     Viewport-Koordinaten und berechnet dabei auch, ob es ober- oder
     unterhalb des Links sowie horizontal genug Platz gibt - hier deshalb
     bewusst keine statischen inset-*-Werte. */
  position: fixed;
  z-index: 1000;
  /* So breit wie sinnvoll (mehr Platz für die Erklärung), aber nie breiter
     als der Viewport erlaubt - kein fester Wert, der auf schmalen
     Bildschirmen selbst wieder überlaufen würde. */
  max-inline-size: min(var(--_glossar-tooltip-width, 42ch), 92vw);
  padding: var(--space-s);
  background: var(--bg-ultra-light);
  color: var(--text-dark);
  border: var(--border);
  border-radius: var(--radius);
  font-size: var(--text-s);
  line-height: 1.4;
}

.glossar-tooltip__popover[hidden] {
  display: none;
}

.glossar-tooltip__wikipedia {
  display: inline-block;
  margin-block-start: var(--space-xs);
}