/* DEUTSCHES WOCHENBLATT — Archivseite (Inhaltsregister der Woche, Prototyp R13)
   Additive rules only; loaded AFTER zeitung.css. Same grammar:
   hierarchy via type/rules/whitespace — no cards, no shadows, no radii.
   Ressort colour appears only as navigation code (kicker, 72px rule
   segment, group title, hover underline). */

/* ── Archivkopf: Kicker + Wochenthema links, Editorial-Spalte rechts ── */
.ausgabenkopf {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  padding: clamp(26px, 4vw, 48px) 0 clamp(26px, 3.4vw, 44px);
}
.ausgabenkopf > * { min-width: 0; }
.ausgabenkopf .ak-titel { grid-column: span 7; padding-right: var(--dw-gap); }
.ausgabenkopf .ak-titel h2 {
  font-size: var(--dw-fs-aufmacher);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.012em;
  margin-top: 10px;
}
.ausgabenkopf .zur-titelseite {
  display: inline-block;
  margin-top: 20px;
  font-family: var(--dw-sans);
  font-size: var(--dw-fs-meta);
  font-weight: 700;
  color: var(--dw-accent);
}
.ausgabenkopf .zur-titelseite:hover { text-decoration: underline; text-underline-offset: 3px; }
/* column 8 stays empty on purpose — whitespace carries the separation */
.ausgabenkopf .ak-editorial {
  grid-column: 9 / span 4;
  border-left: 1px solid var(--dw-rule);
  padding-left: var(--dw-gap);
}
.ausgabenkopf .ak-editorial p {
  font-size: 1.02rem;
  line-height: 1.58;
  color: var(--dw-ink-soft);
  margin-top: 10px;
}
.ausgabenkopf .ak-editorial .signatur {
  font-family: var(--dw-sans);
  font-size: var(--dw-fs-meta);
  font-weight: 700;
  color: var(--dw-meta);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ── Inhaltsregister: one ruled group per ressort ── */
.inhaltsregister { padding-bottom: clamp(10px, 1.6vw, 18px); }
.ig-gruppe {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  border-top: 2px solid var(--dw-ink);
  position: relative;
  padding: 18px 0 26px;
}
/* ressort colour: only the first 72px of the black rule (blockkopf grammar) */
.ig-gruppe::before {
  content: '';
  position: absolute; top: -2px; left: 0;
  width: 72px; height: 2px;
  background: var(--dw-ressort, var(--dw-accent));
}
.ig-gruppe > * { min-width: 0; }
.ig-kopf { grid-column: span 3; padding-right: var(--dw-gap); }
.ig-kopf h3 {
  font-family: var(--dw-serif);
  font-size: clamp(1.5rem, 1.15rem + 1.2vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--dw-ressort, var(--dw-ink));
}
.ig-kopf p {
  font-style: italic;
  color: var(--dw-meta);
  font-size: 0.92rem;
  line-height: 1.45;
  margin-top: 10px;
}
.ig-liste { grid-column: span 9; }
/* Sprungziele aus dem Artikel: unter die sticky Ressortnav (top:0) versetzen */
.ig-liste .eintrag[id] { scroll-margin-top: 72px; }
.ig-liste .eintrag { padding: 13px 0; border-bottom: 1px solid var(--dw-rule); }
.ig-liste .eintrag:first-child { padding-top: 2px; }
.ig-liste .eintrag:last-child { border-bottom: 0; padding-bottom: 0; }
.ig-liste .kicker { margin-bottom: 5px; }
.ig-liste h4 {
  font-size: var(--dw-fs-list);
  font-weight: 600;
  line-height: 1.25;
}

/* ── Wochen-Blättern: vorige Woche verlinkt, nächste angekündigt (grau, kein Link) ── */
.ausgaben-nav {
  border-top: 2px solid var(--dw-ink);
  border-bottom: 1px solid var(--dw-rule);
  padding: 15px 0;
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 10px 28px; flex-wrap: wrap;
  font-family: var(--dw-sans);
  font-size: 0.95rem;
}
.ausgaben-nav .zurueck { font-weight: 700; }
.ausgaben-nav .zurueck .pfeil { color: var(--dw-accent); margin-right: 9px; }
.ausgaben-nav .demnaechst { color: var(--dw-meta); }

/* ── Jahresarchiv-Bibliothek: nach Monat gegliedert, Datum statt Nummer ── */
.jahresarchiv {
  border-top: 3px solid var(--dw-ink);
  margin-top: clamp(26px, 3.4vw, 44px);
  padding: 20px 0 10px;
}
.jahresarchiv h2 {
  font-family: var(--dw-sans);
  font-size: var(--dw-fs-kicker);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.archiv-monat + .archiv-monat { margin-top: clamp(24px, 3.4vw, 40px); }
.archiv-monat .monat {
  font-family: var(--dw-sans);
  font-size: var(--dw-fs-kicker);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dw-meta);
  border-top: 1px solid var(--dw-rule);
  padding-top: 12px;
  margin-bottom: 16px;
}
.jahresarchiv .baende {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.jahresarchiv .band { padding: 0 var(--dw-gap); border-left: 1px solid var(--dw-rule); }
.jahresarchiv .band:first-child { padding-left: 0; border-left: 0; }
.jahresarchiv .band .nr {
  display: block;
  font-family: var(--dw-serif);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: var(--dw-accent);
}
/* the current week is ink, the archive is link-blue */
.jahresarchiv .band.diese .nr { color: var(--dw-ink); }
.jahresarchiv .band h4 { font-size: 1.1rem; font-weight: 700; line-height: 1.2; margin-top: 10px; }
.jahresarchiv .band .meta {
  font-family: var(--dw-sans);
  font-size: var(--dw-fs-meta);
  color: var(--dw-meta);
  margin-top: 6px;
}

/* ── Responsive (breakpoints mirror zeitung.css) ── */
@media (max-width: 980px) {
  .ausgabenkopf { row-gap: 0; }
  .ausgabenkopf .ak-titel { grid-column: 1 / -1; padding-right: 0; }
  .ausgabenkopf .ak-editorial {
    grid-column: 1 / -1;
    border-left: 0; padding-left: 0;
    border-top: 1px solid var(--dw-ink);
    margin-top: 26px; padding-top: 20px;
  }
  .ig-kopf { grid-column: 1 / -1; padding-right: 0; margin-bottom: 12px; }
  .ig-kopf p { margin-top: 6px; }
  .ig-liste { grid-column: 1 / -1; }
  .jahresarchiv .baende { grid-template-columns: 1fr 1fr; row-gap: 26px; }
  .jahresarchiv .band:nth-child(odd) { padding-left: 0; border-left: 0; }
}
@media (max-width: 620px) {
  .jahresarchiv .baende { grid-template-columns: 1fr; row-gap: 0; }
  .jahresarchiv .band {
    border-left: 0;
    padding: 14px 0;
    border-top: 1px solid var(--dw-rule);
  }
  .jahresarchiv .band:first-child { border-top: 0; padding-top: 0; }
}

/* newspaper signal in print: the subscription band is web-only */
@media print {
  .wochenbrief-band { display: none; }
}

/* ── R12: Sprungmarken unter dem Editorial (NN/g In-Page-Links) ── */
.register-sprung {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 20px;
  font-family: var(--dw-sans); font-size: 0.9rem; font-weight: 600;
  border-top: 1px solid var(--dw-rule);
  padding: 12px 0 4px;
  margin-bottom: 8px;
}
.register-sprung .label {
  font-size: var(--dw-fs-kicker); font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--dw-meta);
}
.register-sprung a { display: inline-flex; align-items: baseline; gap: 7px; padding: 12px 0; margin: -12px 0; }
.register-sprung a[data-r]::before {
  content: ''; width: 8px; height: 8px; align-self: center;
  background: var(--sprung-c, var(--dw-accent));
}
.register-sprung a[data-r="reisen"]     { --sprung-c: var(--dw-r-reisen); }
.register-sprung a[data-r="mobilitaet"] { --sprung-c: var(--dw-r-mobilitaet); }
.register-sprung a[data-r="genuss"]     { --sprung-c: var(--dw-r-genuss); }
.register-sprung a[data-r="gesundheit"] { --sprung-c: var(--dw-r-gesundheit); }
.register-sprung a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ig-gruppe[id] { scroll-margin-top: calc(56px + env(safe-area-inset-top, 0px)); }