/* theme/extra.css — Digital Survivor (#2): Feinschliff, der nicht über Tokens geht.
   Selektoren aus style.css sind keine zugesagte Schnittstelle — nach
   Publisher-Updates prüfen. */

/* Hero: Magenta-Bühne wie das Cover */
.th-ds-hero { color: var(--ds-ink); }
.th-ds-hero__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--sp-6); align-items: center; }
.th-ds-logo { margin: 0; line-height: 0; text-shadow: none; }
.th-ds-logo img { width: 100%; height: auto; filter: drop-shadow(5px 5px 0 var(--ds-magenta)); }
.th-ds-hero__sub { font-family: var(--font-display); font-size: clamp(26px, 3.4vw, 40px); line-height: 1.1; color: var(--ds-ink); margin: 0 0 var(--sp-3); letter-spacing: .02em; }
.th-ds-hero__desc p { color: var(--ds-ink); margin: 0 0 var(--sp-3); font-family: var(--font-body); font-size: 16px; line-height: 1.5; }
.th-ds-hero__count { font-family: var(--font-ui); font-size: var(--t-small); color: var(--ds-ink); margin: var(--sp-4) 0; text-transform: uppercase; letter-spacing: .04em; }
.th-ds-btn { display: inline-block; padding: 10px 18px; background: var(--ds-ink); color: var(--ds-white); border: 2px solid var(--ds-ink); font-family: var(--font-ui); font-weight: 700; text-decoration: none; box-shadow: 4px 4px 0 var(--ds-magenta); }
.th-ds-btn:hover, .th-ds-btn:focus-visible { background: var(--ds-white); color: var(--ds-ink); text-decoration: none; }
@media (max-width: 760px) {
  .th-ds-hero__inner { grid-template-columns: 1fr; }
}

/* Header: Faust-Glyphe vor dem Logo-Namen, Magenta-Kante */
.zt-header { border-bottom: 3px solid var(--ds-pink); }
.zt-logo__name::before { content: "\270A\FE0E"; margin-right: .4em; color: var(--ds-pink); }

/* Gruppen-Überschriften im Retro-Look */
.zt-group__title { font-family: var(--font-display); font-size: 34px; letter-spacing: .03em; color: var(--ds-pink); text-shadow: 2px 2px 0 var(--ds-magenta); border-bottom: 2px dashed var(--line-3); }

/* Karten: harte Kante, Magenta-Schatten beim Hover */
.zt-ep-card { border: 2px solid var(--line-2); }
.zt-ep-card:hover, .zt-ep-card:focus-visible { border-color: var(--ds-pink); box-shadow: 6px 6px 0 var(--ds-magenta); }
/* VT323 hat nur einen Schnitt: ohne Kunstfett, etwas größer, mehrzeilig lesbar (Publisher #138) */
.zt-ep-card__title { font-size: 23px; font-weight: 400; line-height: 1.12; letter-spacing: .01em; }

/* Seiten-Navigation */
.zt-pager__link.is-current, .zt-pager__link[aria-current="page"] { background: var(--ds-pink); color: var(--ds-ink); }

/* Footer: Magenta-Linie */
.zt-footer { border-top: 3px solid var(--ds-pink); }