/* Glossar (tools/inhalte/glossar.py): baut auf den ds-/sp-Bausteinen in site.css auf, hier nur das Eigene (Präfix gl-) */
.gl .ds-group{max-width:1100px;scroll-margin-top:96px}
/* Buchstabenleiste A–Z: kompakte Knöpfe, Buchstaben ohne Begriffe ausgegraut */
.gl-az{gap:6px}
.gl-az .ds-chip{min-width:36px;padding:8px 6px;text-align:center}
.gl-az .gl-all{padding:8px 16px}
.gl-az .ds-chip:disabled{opacity:.45;cursor:default;border-style:dashed;border-color:rgba(207,198,240,.2)}
.gl-az .ds-chip:disabled:hover{border-color:rgba(207,198,240,.2)}
.gl-letter{font-family:var(--head);font-weight:400;color:var(--sp-acc);text-shadow:0 0 14px var(--sp-acc)!important}
/* Begriffe als Karten, ab 900px zweispaltig */
.gl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.gl-term{position:relative;padding:24px 24px 22px;border:1px solid rgba(207,198,240,.14);border-radius:16px;background:rgba(24,14,58,.7);scroll-margin-top:110px;transition:border-color .3s,box-shadow .3s}
.gl-term::before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:var(--sp-cya);box-shadow:0 0 12px var(--sp-cya);opacity:.7}
.gl-term:target{border-color:var(--cyan);box-shadow:0 0 28px rgba(63,230,255,.28)}
.gl-term h3{margin:0 0 10px;font-family:var(--head);font-weight:400;font-size:18px;line-height:1.35;color:#fff;overflow-wrap:anywhere}
.gl-short{margin:0;font-size:14.5px;line-height:1.65;color:#fff;font-weight:600}
.gl-long{margin:10px 0 0;font-size:14px;line-height:1.75;color:var(--sp-muted)}
.gl-rel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:16px 0 0;padding-top:14px;border-top:1px dashed rgba(207,198,240,.18);font-size:12.5px}
.gl-rel span{color:rgba(255,255,255,.6);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}
.gl-rel a{padding:4px 10px;border-radius:999px;border:1px solid rgba(63,216,232,.4);color:var(--sp-cya);transition:border-color .25s,box-shadow .25s}
.gl-rel a:hover,.gl-rel a:focus-visible{border-color:var(--cyan);box-shadow:0 0 12px rgba(63,230,255,.35);outline:none}
.gl .ds-empty .pz-more{display:inline-block;margin-top:16px}
@media(max-width:900px){.gl-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.gl-az{gap:6px}.gl-az .ds-chip{min-width:34px;padding:7px 8px;font-size:12px}.gl-term{padding:20px 18px}}