/* Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4 */
/* Hallmark · macrostructure: Index-First (dokus.html) + Long Document (doku-*.html) · tone: ruhig, ernst, archivarisch
   nav: Hauskopf · footer: Hausfuß · theme: POLKA (gesperrt) · enrichment: Standbilder der Filme */
#inhalt{
  --dk-grund:var(--papier); --dk-flaeche:var(--weiss); --dk-linie:var(--papier-3);
  --dk-tinte:var(--tinte); --dk-tinte-2:var(--tinte-2); --dk-grau:var(--grau); --dk-akzent:var(--rot-tief);
  --dk-hover:var(--papier-2); --dk-film:#141110; --dk-auf-rot:#fff; --dk-auf-rot-2:rgb(255 255 255 / .84);
  --dk-ku:'Shasenem Soran','Noto Naskh Arabic',Tahoma,serif;
}
html[data-theme="dark"] #inhalt{
  --dk-grund:#141110; --dk-flaeche:#1e1a18; --dk-linie:#3a332e;
  --dk-tinte:#f1efea; --dk-tinte-2:#cdc7bf; --dk-grau:#a49c93; --dk-akzent:#f0c4c2; --dk-hover:#2a2421;
}
html[data-theme="dark"] body{ background:#141110 }
html, body{ overflow-x:clip }
.dk{ background:var(--dk-grund); color:var(--dk-tinte); padding-bottom:var(--s6) }
.dk :is(a,button):focus-visible{ outline:3px solid var(--dk-akzent); outline-offset:2px }
.dk .krumen{ color:var(--dk-grau) }
.dk .krumen a{ color:var(--dk-grau) }
.dk .krumen a:hover{ color:var(--dk-akzent) }
.dk .krumen [aria-current]{ color:var(--dk-tinte) }
[lang="ckb"]{ font-family:var(--dk-ku); font-size:1.08em }

/* ── Übersicht ─────────────────────────────────── */
.dk-vorspann{ max-width:66ch; margin:0 0 var(--s5) }
.dk-gruppe{ margin-top:var(--s5) }
.dk-gruppe__titel{ font-family:var(--schrift-display); font-weight:900; font-size:clamp(1.7rem,3.4vw,2.6rem); line-height:1.1; margin:0 0 6px }
.dk-gruppe__satz{ margin:0 0 var(--s3); color:var(--dk-tinte-2); max-width:62ch }
.dk-liste{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--s4); border-bottom:1px solid var(--dk-linie) }
.dk-liste li{ border-top:1px solid var(--dk-linie) }
.dk-zeile{ display:grid; grid-template-columns:minmax(0,220px) minmax(0,1fr); gap:var(--s2) 20px; align-items:start; padding-block:18px;
  text-decoration:none; color:inherit; height:100%; transition:background var(--takt) }
.dk-zeile:hover{ background:var(--dk-hover) }
.dk-zeile img{ width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:var(--dk-film) }
.dk-zeile__titel{ display:block; font-family:var(--schrift-display); font-weight:800; font-size:1.3rem; line-height:1.2; overflow-wrap:anywhere }
.dk-zeile:hover .dk-zeile__titel{ text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:2px }
.dk-zeile__kurz{ display:block; margin-top:6px; font-size:15px; line-height:1.5; color:var(--dk-tinte-2) }
.dk-zeile__dauer{ display:block; margin-top:6px; font-size:13px; color:var(--dk-grau); font-variant-numeric:tabular-nums }

/* ── Filmseite ─────────────────────────────────── */
.dk-buehne{ padding-block:0 calc(var(--s5) + 30px) }
.dk-buehne__satz{ position:relative; z-index:6; width:min(92vw, 1180px, calc(74vh * 16 / 9)); min-width:min(92vw, 720px); margin-inline:auto }
.dk-buehne .krumen{ color:var(--dk-auf-rot-2); margin:0 }
.dk-buehne .krumen a{ color:var(--dk-auf-rot-2) }
.dk-buehne .krumen a:hover{ color:var(--dk-auf-rot) }
.dk-buehne .krumen [aria-current]{ color:var(--dk-auf-rot) }
.dk-titel{ line-height:1; overflow-wrap:anywhere; min-width:0; font-size:clamp(2.2rem,5.4vw,4.2rem) }
.dk-unter{ margin:12px 0 var(--s3); font-size:clamp(1.05rem,1.8vw,1.3rem); line-height:1.4; color:var(--dk-auf-rot-2); max-width:60ch }
.dk-film{ display:block; width:100%; height:auto; aspect-ratio:16/9; background:var(--dk-film) }
.dk-fehler{ margin:12px 0 0; color:var(--dk-auf-rot) }

.dk-raster{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,340px); gap:var(--s5); align-items:start; padding-top:var(--s4) }
.dk-text{ max-width:66ch; min-width:0 }
.dk-text__kurz{ font-size:1.25rem; line-height:1.5; margin:0 0 var(--s3) }
.dk-text h2{ font-family:var(--schrift-display); font-weight:800; font-size:clamp(1.45rem,2.6vw,1.9rem); line-height:1.2; margin:var(--s4) 0 12px }
.dk-text p{ margin:0 0 var(--s2) }
.dk-text a{ color:var(--dk-akzent); text-underline-offset:3px }
.dk-rand{ min-width:0; display:grid; gap:var(--s4); position:sticky; top:calc(66px + var(--s3)) }
.dk-rand h2{ font-family:var(--schrift-ui); font-weight:700; font-size:15px; margin:0 0 8px }
.dk-kapitel{ list-style:none; margin:0; padding:0; border-top:1px solid var(--dk-linie) }
.dk-kapitel button{ display:grid; grid-template-columns:3.2em minmax(0,1fr); gap:10px; width:100%; min-height:44px; padding:10px 8px 10px 0; align-items:baseline;
  background:none; border:0; border-bottom:1px solid var(--dk-linie); text-align:left; font-size:15px; line-height:1.35; color:var(--dk-tinte); transition:background var(--takt) }
.dk-kapitel button:hover{ background:var(--dk-hover) }
.dk-kapitel button:active{ background:var(--dk-linie) }
.dk-kapitel button[aria-current="true"]{ font-weight:700; color:var(--dk-akzent) }
.dk-kapitel time{ font-size:13px; color:var(--dk-grau); font-variant-numeric:tabular-nums }
.dk-quellen{ margin:0; padding:0 0 0 1.1em; font-size:14px; line-height:1.45; color:var(--dk-tinte-2) }
.dk-quellen li{ margin-bottom:6px }
.dk-werk{ margin:0; font-size:14px; line-height:1.45; color:var(--dk-grau) }

.dk-weiter{ margin-top:var(--s5); border-top:1px solid var(--dk-linie); padding-top:var(--s3) }
.dk-weiter h2{ font-family:var(--schrift-display); font-weight:800; font-size:clamp(1.45rem,2.6vw,1.9rem); margin:0 0 var(--s2) }
.dk-weiter__liste{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3) }
.dk-weiter__liste a{ display:block; text-decoration:none; color:inherit }
.dk-weiter__liste img{ width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:var(--dk-film); margin-bottom:10px }
.dk-weiter__liste a:hover .dk-zeile__titel{ text-decoration:underline; text-underline-offset:4px }
.dk-alle{ display:inline-block; margin-top:var(--s3); font-weight:600; color:var(--dk-akzent); text-underline-offset:3px; min-height:44px; padding-block:10px }

@media (max-width:1000px){
  .dk-liste{ grid-template-columns:minmax(0,1fr) }
  .dk-raster{ grid-template-columns:minmax(0,1fr); gap:var(--s4) }
  .dk-rand{ position:static }
  .dk-buehne__satz{ width:92vw; min-width:0 }
}
@media (max-width:640px){
  .dk-zeile{ grid-template-columns:minmax(0,120px) minmax(0,1fr); gap:14px }
  .dk-zeile__titel{ font-size:1.12rem }
  .dk-zeile__kurz{ display:none }
  .dk-weiter__liste{ grid-template-columns:minmax(0,1fr) }
  .dk-buehne{ padding-bottom:calc(var(--s4) + 30px) }
}
@media (prefers-reduced-motion:reduce){
  .dk-zeile, .dk-kapitel button{ transition:none }
}