/* ==========================================================================
   REDESIGN — CPT-ARCHIVE (archive-pdn_{service,industry,resource,tool,comparison,
   case_study,glossary,integration}.php). Nur archiv-spezifische Komponenten.
   Geteilte Bausteine (.hero--detail, .filter, .cards/.serv-card, .cta-band, .pager,
   Breadcrumb-Bruecke) kommen aus redesign-detail.css (Dependency).
   Laedt gegatet auf is_post_type_archive([8 CPTs]), nach detail.css, vor style.css.
   Keine erfundenen Design-Werte. style.css: 0 Treffer auf .cmp-logos/.cmp-vs/.cmp-name.
   ========================================================================== */

/* Vergleich-Logo-Paar (.cmp-logos/.cmp-vs/.cmp-name) -> promotet nach redesign-detail.css
   (geteilt: comparison-Archiv + comparison-Single). Hier bewusst entfernt, nicht duplizieren. */

/* Case-Study-Archiv: 2-spaltiges Grid. repeat(2,1fr) 1:1 aus .serv-grid (Boilerplate Z.229), gap:24px aus .cards. */
.cards--2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:768px){.cards--2{grid-template-columns:1fr}}
/* Case-Study-Ergebnis-Kennzahlen (value/label). value navy/Bricolage 24px (.step .n), label mono/--text-mute. */
.cs-stats{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 16px}
.cs-stat__value{display:block;font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--navy)}
.cs-stat__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-mute)}

/* Industry-Archiv: Typ-Eyebrow "Branche" in der .serv-card -> .serv-card .eyebrow promotet nach
   redesign-detail.css (geteilt Industry-Archiv + Suche). Hier bewusst entfernt, nicht duplizieren. */

/* ==========================================================================
   Glossar-Archiv. Blaupausen: Standort-Gruppen (.sec-head + .cards--4 > .serv-card) + .filter__btn-Pills.
   Neue token-basierte Regeln (keine Boilerplate-Entsprechung fuer A-Z-Bar/Sticky). style.css: 0 Treffer
   auf .glossary-az/.glossary-group/.filter__btn--disabled.
   ========================================================================== */

/* A-Z-Leiste: Pill-Reihe (Pills = .filter__btn aus detail.css), sticky unter dem fixen Header.
   top:81px = reale Header-Hoehe (header#hdr.offsetHeight am DOM gemessen, scroll-konstant: .scrolled
   aendert nur Farben, nicht Padding). z-index 90 < Header-z-index 100 (redesign-header.css:11).
   Flaeche --paper-warm, Trennlinie --line. gap/padding 14px = gap-Rhythmus (.filter:153). */
.glossary-az{position:sticky;top:81px;z-index:90;background:var(--paper-warm);border-bottom:1px solid var(--line)}
.glossary-az__row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:14px 0}
/* Buchstabe ohne Posts: ausgegraut --text-mute auf --line (Border/Bg bleiben aus Basis-.filter__btn), nicht klickbar. */
.filter__btn--disabled{color:var(--text-mute);cursor:default;pointer-events:none}

/* Buchstaben-Gruppe: Abstand 48px wie .pdn-location-group (redesign-location.css:30). scroll-margin-top =
   Header (81) + A-Z-Bar-Hoehe (118, am DOM gemessen: 27 Pills brechen auf Desktop auf 2 Zeilen um) = 199px,
   sonst verdeckt die Sticky-Bar die Sprung-Ueberschrift. Ueberscrollen = harmlos, Unterscrollen = Bug -> groesserer Wert. */
.glossary-group{margin-bottom:48px;scroll-margin-top:199px}
.glossary-group:last-child{margin-bottom:0}