/* Glossar /glossar/: Sprungleiste A–Z und Begriffsliste.
   Eigene Datei, weil die CSP (style-src 'self') keine eingebetteten Styles erlaubt. */

.az-leiste{ list-style:none; padding:0; margin:1.4rem 0 1.6rem; display:flex; flex-wrap:wrap; gap:.35rem; }
.az-leiste li{ margin:0; }
.az-leiste a, .az-leiste span{ display:inline-flex; align-items:center; justify-content:center;
  min-width:2.3rem; height:2.3rem; border-radius:8px; font-weight:700; font-size:.95rem; }
.az-leiste a{ background:var(--card); border:1px solid var(--line); text-decoration:none; color:var(--accent); }
.az-leiste a:hover{ border-color:var(--accent); background:var(--accent-bg); }
.az-leiste span{ color:var(--muted); opacity:.45; border:1px solid transparent; }

.glossar-buchstabe{ scroll-margin-top:5.5rem; }
.glossar{ margin:.6rem 0 1.4rem; }
.glossar dt{ font-weight:800; font-size:1.08rem; margin:1.3rem 0 .3rem; scroll-margin-top:5.5rem; }
.glossar dt:first-child{ margin-top:.4rem; }
.glossar dd{ margin:0 0 .4rem; line-height:1.65; }
.glossar dd p{ margin:0 0 .45rem; }
.glossar .mehr{ font-size:.95rem; font-weight:600; margin:.2rem 0 0; }
.glossar dt:target{ color:var(--accent); }
@media (max-width:48rem){ .glossar-buchstabe, .glossar dt{ scroll-margin-top:8.5rem; } }
.nach-oben{ font-size:.88rem; margin:.2rem 0 0; }