/* glossar — page layout only (BUILD-CONTRACT §4: tokens via var(--…), no colours, no !important). */

/* Hero: quick-index plate beside the H1 (below it on phones). */
.glossar-hero__more { margin-top: var(--sp-4); max-width: 60ch; }
.glossar-hero .hero__aside { margin-top: var(--sp-6); }
.glossar-quick { gap: var(--sp-4); }
.glossar-quick .icon-list { gap: 6px; }
.glossar-quick .link-arrow { min-height: var(--tap); }
@media (min-width: 62em) {
	.glossar-hero .hero__aside { margin-top: 0; }
	.glossar-hero .hero__inner { align-items: end; }
	.glossar-quick { max-width: 380px; margin-left: auto; }
}

/* Term groups: head across the full width, definitions in two columns on desktop. */
.glossar-head { max-width: none; }
@media (min-width: 62em) {
	.glossar-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
	.glossar-cols > .glossar__entry:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* Five confusion pairs, stacked with air; titles one step smaller than the single contrast brick. */
.glossar-pairs { display: grid; gap: var(--sp-6); max-width: 1040px; margin-inline: auto; }
.glossar-pairs .contrast__side h3 { font-size: var(--fs-lg); }
.glossar-pairs .contrast__vs { font-size: var(--fs-xl); line-height: 1; }

/* Berliner Schlüssel panel: the four moves as a tight ordered list. */
.glossar-berlin__moves { margin-top: var(--sp-3); gap: 10px; }
@media (min-width: 56.25em) { .glossar-berlin { align-items: center; } }