/* ============================================================
   POCTIVÁ STAVBA — DENÍK. Novinová vrstva.
   Produkce od vydání č. 1 (15. 8. 2026). Nadstavba nad assets/style.css:
   nedefinuje žádné barvy, jen sahá na existující tokeny
   (--bg --surface --surface2 --ink --muted --faint --line
    --accent --accent2-text --accent-soft --on-accent --radius --bw).
   Funguje proto ve všech čtyřech tématech (A/B × light/dark).
   ============================================================ */

/* ==== MASTHEAD — hlavička vydání ==== */
.masthead{
  border-bottom:calc(var(--bw) * 3) double var(--ink);
  padding:34px 0 0;
  margin-bottom:30px;
}
.masthead-nazev{
  font-family:'Cormorant Garamond',serif;
  font-weight:700;
  font-size:clamp(40px,8vw,84px);
  line-height:.94;
  letter-spacing:-.02em;
  margin:0;
  text-align:center;
  font-variant:small-caps;
}
.masthead-podtitul{
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:clamp(15px,2vw,19px);
  color:var(--muted);
  margin:6px 0 0;
}
.masthead-pruh{
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px;
  align-items:center;
  justify-content:center;
  border-top:var(--bw) solid var(--line);
  margin-top:18px;
  padding:9px 0;
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
}
.masthead-pruh strong{color:var(--ink);font-weight:600}

/* ==== ŠTÍTEK RUBRIKY ==== */
.stitek{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent2-text);
}
.stitek-zeme{
  border:var(--bw) solid var(--line);
  border-radius:2px;
  padding:1px 5px;
  color:var(--muted);
  letter-spacing:.06em;
}

/* ==== VEDOUCÍ TEXT ==== */
.vedouci{
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:36px;
  padding-bottom:30px;
  border-bottom:calc(var(--bw) * 2) solid var(--ink);
}
.vedouci-titul{
  font-family:'Cormorant Garamond',serif;
  font-weight:700;
  font-size:clamp(30px,4.4vw,50px);
  line-height:1.02;
  letter-spacing:-.015em;
  margin:12px 0 14px;
}
.vedouci-titul a{color:inherit;text-decoration:none}
.vedouci-titul a:hover{text-decoration:underline;text-underline-offset:4px}
.vedouci-perex{
  font-size:18px;
  line-height:1.62;
  margin:0 0 16px;
}
.vedouci-perex::first-letter{
  float:left;
  font-family:'Cormorant Garamond',serif;
  font-weight:700;
  font-size:3.6em;
  line-height:.78;
  padding:6px 10px 0 0;
  color:var(--accent2-text);
}
.vedouci-podpis{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}

/* ==== POLOŽKY DNE ==== */
.deniky-hlava{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:30px 0 4px;
}
.deniky-hlava h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(24px,3vw,34px);
  font-weight:700;
  margin:0;
  letter-spacing:-.01em;
}
.polozky{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
  gap:0;
  border-top:var(--bw) solid var(--line);
  margin-top:14px;
}
.polozka{
  padding:22px 24px 22px 0;
  border-right:var(--bw) solid var(--line);
  border-bottom:var(--bw) solid var(--line);
  padding-left:24px;
  position:relative;
}
.polozka:first-child{padding-left:0}
/* Poslední položka dorovná řádek JEN při lichém počtu (sirotek).
   Při sudém počtu by roztažení vylomilo díru vedle předposlední karty. */
.polozka:last-child:nth-child(odd){grid-column:1 / -1;border-right:0;padding-left:0}
.polozka:last-child:nth-child(odd) .polozka-fakt,
.polozka:last-child:nth-child(odd) .komentar-telo{max-width:72ch}
.polozka-cislo{
  position:absolute;
  top:20px;
  right:20px;
  font-family:'JetBrains Mono',monospace;
  font-size:26px;
  font-weight:600;
  color:var(--line);
  line-height:1;
}
.polozka-titul{
  font-family:'Cormorant Garamond',serif;
  font-size:23px;
  font-weight:700;
  line-height:1.14;
  margin:11px 0 9px;
}
.polozka-titul a{color:inherit;text-decoration:none}
.polozka-titul a:hover{text-decoration:underline;text-underline-offset:3px}
.polozka-fakt{
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
  margin:0 0 12px;
}
/* ==== KOMENTÁŘ (sbalený, D142, 26. 8. 2026) ====
   Do 25. 8. stál komentář rozbalený pod každou položkou a na titulce
   zabíral víc místa než samotné zprávy. Teď je sbalený do štítku
   a rozbaluje ho čtenář. Idiom je týž jako u evidenčního razítka:
   nativní <details>, ovladatelné klávesnicí, funkční bez JavaScriptu. */
.polozka-komentar{
  margin:0 0 14px;
}
/* ⚠️ ZPĚTNÁ SNÁŠENLIVOST S ARCHIVEM. Vydání 14. až 25. 8. 2026 leží na
   produkci s původní značkou `<p class="polozka-komentar">` (komentář
   natvrdo rozbalený). Ta stránka se nepřegenerovává, takže si musí odnést
   svůj původní vzhled — proto je box popsaný selektorem `p.polozka-komentar`
   a nová sbalená verze `details`. Kdyby box viselo na holé třídě, archiv by
   po nasazení nového CSS zůstal bez rámečku a s návěštím vraženým do textu. */
p.polozka-komentar{
  font-size:15px;
  line-height:1.62;
  border-left:3px solid var(--accent);
  background:var(--accent-soft);
  padding:12px 14px;
  border-radius:var(--radius-sm);
}
p.polozka-komentar b{display:block;margin-bottom:5px}
.komentar-hlava{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 10px;
  border:1px solid var(--accent);
  border-radius:2px;
  cursor:pointer;
  list-style:none;
}
.komentar-hlava::-webkit-details-marker{display:none}
.komentar-hlava:hover{background:var(--accent-soft)}
.komentar-hlava:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.polozka-komentar b{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent2-text);
}
.komentar-sipka{font-size:9px;opacity:.6;color:var(--accent2-text)}
.polozka-komentar[open] .komentar-sipka{transform:rotate(180deg);display:inline-block}
.komentar-telo{
  font-size:15px;
  line-height:1.62;
  margin:8px 0 0;
  border-left:3px solid var(--accent);
  background:var(--accent-soft);
  padding:12px 14px;
  border-radius:var(--radius-sm);
}
/* ⚠️ KOMENTÁŘ SE ZÁMĚRNĚ NEANIMUJE, a je to poučení, ne opomenutí.
   Napoprvé tu stálo `animation:razitko-rozbal .15s` jako u razítka. Ty
   keyframes začínají na opacity:0, takže jakmile animace z jakéhokoli
   důvodu NEBĚŽÍ, text je průhledný a čtenář vidí prázdný rámeček.
   Změřeno 26. 8. 2026 dvakrát: v tiskovém PDF chybělo 6 komentářů z 6
   (tisk vysází první snímek) a v nekompozitované záložce zůstala opacity
   na 0 i po rozkliknutí. Razítko tuhle past nikdy netrefilo, protože se
   v tisku skrývá celé a nikdo ho neměřil zavřený.
   Obsah, který nese text, se nesmí schovávat za animaci. */
.polozka-nohy{
  display:flex;
  flex-direction:column;
  gap:5px;
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  letter-spacing:.03em;
}
.polozka-nohy a{color:var(--accent2-text);text-decoration:none}
.polozka-nohy a:hover{text-decoration:underline;text-underline-offset:3px}
.polozka-nohy .zdroj::before{content:"→ zdroj: ";color:var(--muted)}
.polozka-nohy .souvis::before{content:"→ u nás: ";color:var(--muted)}

/* ==== DVA SLOUPCE: vydání + pravý sloupec ==== */
.list{
  display:grid;
  grid-template-columns:minmax(0,1fr) 306px;
  gap:44px;
  align-items:start;
}
.rail{
  position:sticky;
  top:84px; /* lišta webu je sticky (~64 px), sloupec nesmí podjet pod ni */
  display:flex;
  flex-direction:column;
  gap:22px;
}
.rail-blok{
  border:var(--bw) solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:20px 20px 22px;
}
.rail-blok h3{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 12px;
  padding-bottom:9px;
  border-bottom:var(--bw) solid var(--line);
}
.rail-heslo{
  font-family:'Cormorant Garamond',serif;
  font-size:29px;
  font-weight:700;
  line-height:1.1;
  margin:0 0 8px;
}
.rail-heslo a{color:inherit;text-decoration:none}
.rail-heslo a:hover{text-decoration:underline;text-underline-offset:4px}
.rail-text{font-size:14.5px;line-height:1.58;color:var(--ink);margin:0 0 12px}
.rail-odkaz{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--accent2-text);
  text-decoration:none;
}
.rail-odkaz:hover{text-decoration:underline;text-underline-offset:3px}
.rail-seznam{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rail-seznam li{border-bottom:var(--bw) solid var(--line);padding:9px 0}
.rail-seznam li:last-child{border-bottom:0;padding-bottom:0}
.rail-seznam a{color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.45}
.rail-seznam a:hover{color:var(--accent2-text)}
.rail-seznam .datum{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;
  color:var(--muted); /* --faint má jen 3,06:1, pod AA pro text */
  letter-spacing:.06em;
}

/* ==== DELŠÍ TEXTY 3× TÝDNĚ ==== */
.dlouhe{
  border-top:calc(var(--bw) * 3) double var(--ink);
  margin-top:40px;
  padding-top:26px;
}
.dlouhe-mrizka{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:26px;
  margin-top:18px;
}
.dlouhy{
  border-top:calc(var(--bw) * 2) solid var(--ink);
  padding-top:14px;
}
.dlouhy h3{
  font-family:'Cormorant Garamond',serif;
  font-size:25px;
  font-weight:700;
  line-height:1.13;
  margin:9px 0 9px;
}
.dlouhy h3 a{color:inherit;text-decoration:none}
.dlouhy h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.dlouhy p{font-size:15px;line-height:1.6;margin:0 0 10px;color:var(--muted)}

/* ==== PATIČKA VYDÁNÍ — poctivost formátu ==== */
.kolofon{
  border-top:var(--bw) solid var(--line);
  margin-top:38px;
  padding:20px 0 8px;
  font-size:14px;
  line-height:1.62;
  color:var(--muted);
  max-width:66ch;
}
.kolofon strong{color:var(--ink)}

/* ==== RESPONZIVITA ==== */
@media (max-width:1000px){
  .list{grid-template-columns:1fr;gap:32px}
  .rail{position:static;flex-direction:row;flex-wrap:wrap}
  .rail-blok{flex:1 1 260px}
  .vedouci{grid-template-columns:1fr;gap:22px}
}
@media (max-width:620px){
  .polozka{padding-left:0;padding-right:0;border-right:0}
  .rail{flex-direction:column}
  .masthead{padding-top:22px}
  .polozka-cislo{display:none}
}

/* ==== SDÍLENÍ POLOŽKY ====
   Obyčejné odkazy na sdílecí endpointy. Žádný skript Facebooku ani
   LinkedInu na stránce, takže nikdo nesbírá čtenáře bez jejich vědomí
   a CSP zůstává uzavřená. Počítadla sdílení se nezobrazují záměrně,
   je to sociální důkaz, který se dá koupit. */
.sdileni{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:12px;
  padding-top:11px;
  border-top:var(--bw) dotted var(--line);
}
/* Jen ikony sítí. Přístupnost drží aria-label, ne viditelný text.
   Dotyková plocha 40×40 px (WCAG 2.5.8 s rezervou). */
.sdileni-ikona{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;height:34px;
  border-radius:var(--radius-sm);
  color:var(--muted);
  text-decoration:none;
  transition:color .15s ease,background .15s ease;min-width:40px;min-height:40px}
.sdileni-ikona svg{width:18px;height:18px;fill:currentColor;display:block}
.sdileni-ikona:hover{color:var(--ink);background:var(--accent-soft)}
.sdileni-ikona:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Kopírovací tlačítko je <button>, ne <a> — musí si tedy samo srovnat
   výchozí vzhled tlačítka s ikonami sítí vedle sebe. */
.sdileni-kopie{background:none;border:0;padding:0;cursor:pointer;font:inherit}
/* ==== ČÍSLO DNE ====
   Hodnota je největší prvek v bloku, ale menší než heslo dne: je to servisní
   údaj, ne zpráva. Období pod ní není dekorace — bez něj by čtenář vzal
   statistiku starou měsíce jako dnešní stav. */
.cislo-hodnota{
  font-family:'Cormorant Garamond',serif;
  font-size:40px;
  font-weight:700;
  line-height:1;
  margin:0 0 4px;
  color:var(--ink)}
.cislo-jednotka{
  font-family:'JetBrains Mono',monospace;
  font-size:13px;
  font-weight:400;
  margin-left:.35em;
  color:var(--muted)}
.cislo-popis{font-size:14.5px;line-height:1.5;color:var(--ink);margin:0 0 4px}
.cislo-obdobi{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.04em;
  color:var(--muted);
  margin:0 0 10px}
.cislo-graf{
  display:block;
  width:100%;
  height:80px;
  touch-action:none;
  cursor:crosshair}
.cislo-graf:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cislo-cara{fill:none;stroke:var(--accent);stroke-width:1.6;
  vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.cislo-plocha{fill:var(--accent-soft);stroke:none}
.cislo-bod{fill:var(--accent);stroke:var(--surface);stroke-width:1.2}
.cislo-odecet{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  line-height:1.5;
  min-height:2.4em;
  color:var(--muted);
  margin:6px 0 12px}
/* V tisku a v PDF nemá interaktivní graf smysl, ale číslo a období ano. */
@media print{
  .cislo-graf,.cislo-odecet{display:none}
}

/* Vtip dne v railu. Obrázek je čtverec 1024×1024; width/height v HTML drží
   poměr, aby stránka při načítání neposkakovala (CLS). */
.rail-vtip{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius-sm);
  border:var(--bw) solid var(--line)}

.sdileni-hlaska{
  font-size:.78rem;
  letter-spacing:.02em;
  color:var(--muted);
  align-self:center}

/* ==== SLUŽBY V HLAVIČCE — PDF, odběr, RSS ====
   Tichý servisní řádek, ne tlačítka. Nesmí konkurovat vedoucímu textu. */
.masthead-akce{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  align-items:center;
  justify-content:center;
  border-top:var(--bw) solid var(--line);
  padding:9px 0 11px;
}
.masthead-sluzba{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  text-decoration:none;
  padding:4px 2px;
}
.masthead-sluzba:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.masthead-sluzba:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.masthead-delic{color:var(--faint)}

/* Na titulní straně Deníku nese jméno masthead; lišta drží jen hex logo. */
.je-denik .logo-nazev{display:none}

/* ==== TISK / PDF — vydání se stahuje jako noviny ====
   Stejný soubor, jiná sazba. PDF vzniká tiskem této stránky
   do souboru, ne druhou ručně udržovanou šablonou. */
/* ==== LISTOVÁNÍ MEZI VYDÁNÍMI (redesign 16. 8., nad kolofonem) ====
   Dva velké kroky s číslem a datem vydání + archiv uprostřed. Datované
   noviny se listují po dnech, ne po řádce nalepených číslic. */
.listovani{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:14px;
  align-items:stretch;
  border-top:calc(var(--bw) * 2) solid var(--ink);
  margin-top:34px;
  padding-top:18px;
}
.listovani-smer{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 18px;
  border:var(--bw) solid var(--ink);
  border-radius:var(--radius-sm);
  text-decoration:none;
  color:var(--ink);
  background:var(--surface);
}
.listovani-smer--vpred{text-align:right;align-items:flex-end}
a.listovani-smer:hover{background:var(--accent-soft);border-color:var(--accent)}
a.listovani-smer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.listovani-smer.neaktivni{
  border:var(--bw) dotted var(--line);
  color:var(--muted);
  background:transparent;
}
.listovani-popisek{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}
.listovani-nazev{
  font-family:'Cormorant Garamond',serif;
  font-size:22px;
  font-weight:700;
  line-height:1.15;
}
.listovani-smer.neaktivni .listovani-nazev{font-size:16px;font-family:'Work Sans',sans-serif;font-weight:400}
.listovani-stred{
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:10px 16px;
  text-decoration:none;
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--accent2-text);
}
.listovani-stred:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.listovani-pocet{font-size:10px;color:var(--faint);letter-spacing:.06em}
@media (max-width:720px){
  .listovani{grid-template-columns:1fr}
  .listovani-stred{order:3}
  .listovani-smer--vpred{text-align:left;align-items:flex-start}
}

@media print{
  @page{size:A4;margin:16mm 14mm 18mm}
  /* Headless Chrome na stroji s tmavým motivem maluje plátno stránky tmavě
     (color-scheme:dark z tmavých tokenů) — okraje @page pak vyjdou černé. */
  html{color-scheme:light !important}
  /* Tokeny natvrdo: tisk nesmí zdědit dark mode (světlý inkoust na bílém
     papíře = nečitelný fakt) ani žluté akcenty, které se na papíře ztratí. */
  :root,[data-variant][data-mode]{
    --bg:#fff !important;--surface:#fff !important;--surface2:#fff !important;
    --ink:#111 !important;--muted:#444 !important;--faint:#777 !important;
    --line:#bbb !important;--accent:#000 !important;--accent2-text:#333 !important;
    --accent-soft:#f4f4f4 !important;--on-soft:#111 !important;
  }
  /* Úvodník, kolofon a servisní prvky do PDF nepatří (pokyn Otakara 16. 8.). */
  .hlavicka,.paticka,#rain,.nav-ovladani,.rail,.masthead-akce,.prepinac,.sdileni,.vedouci,.kolofon,.listovani{display:none !important}
  /* Obrazovková šířka 1180 px se do A4 nevejde — na papíře řídí @page. */
  .kontejner{max-width:100% !important;width:auto !important;padding:0 !important;margin:0 !important}
  .list{display:block}
  html,body{background:#fff !important;color:#000 !important}
  body{display:block}
  .masthead{border-bottom:3px double #000;padding-top:0}
  .masthead-nazev,.vedouci-titul,.polozka-titul,.dlouhy h3{color:#000}
  .polozka-titul a,.dlouhy h3 a{color:#000}
  .stitek,.stitek-zeme,.polozka-komentar b{color:#333}
  /* Na papíře se komentář rozbaluje VŽDY — PDF je ke čtení, ne ke klikání.
     Změřeno headless Chrome 26. 8. 2026: `display:block` na potomcích
     zavřeného <details> obsah NEODKRYJE (dědí se z shadow DOM slotu),
     odkryje ho až `::details-content`. Proto tohle pravidlo, ne to
     intuitivní. Ověřeno tak, že se text komentáře najde ve vysázeném PDF. */
  .polozka-komentar::details-content{
    content-visibility:visible !important;display:block !important;block-size:auto !important}
  .komentar-hlava{border:0;padding:0;list-style:none}
  .komentar-sipka{display:none !important}
  /* `p.` verze je archiv (vydání do 25. 8.), `.komentar-telo` je nová sazba. */
  p.polozka-komentar,.komentar-telo{background:#f4f4f4;border-left:3px solid #000;border-radius:0;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .komentar-telo{margin-top:5px}
  .polozka,.dlouhy{break-inside:avoid;page-break-inside:avoid}
  /* Na papíře plní novinové sloupce průběžně (multicol), ne mřížka —
     mřížka zarovnává řádky podle nejvyšší karty a nechává na A4 díry. */
  .polozky{display:block;columns:2;column-gap:8mm;border-top:0}
  .polozka{border-color:#bbb;border-right:0;padding-left:0;padding-right:0;padding-top:10px}
  .polozka:last-child:nth-child(odd){grid-column:auto}
  .polozka:last-child:nth-child(odd) .polozka-fakt,
  .polozka:last-child:nth-child(odd) .komentar-telo{max-width:none}
  .dlouhe{break-before:page}
  /* Adresa zdroje se tiskne JEN u externího originálu; interní odkaz
     „u nás" by tiskl relativní cestu, která na papíře nic neznamená. */
  .polozka-nohy .zdroj a::after,.kolofon a[href^="http"]::after{
    content:" (" attr(href) ")";font-size:9px;color:#555}
  .polozka-nohy{overflow-wrap:anywhere}
  .kolofon{border-top:1px solid #000;max-width:none}
}

/* ---------- Mimořádné vydání (2026-08-28) ----------
   Pruh na titulce + sazba stránky mimořádného vydání se čtyřmi plnými
   články a obrázky. Tokeny drží společný systém (style.css). */
.mimoradne-banner{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;
  margin:18px 0 0;padding:12px 16px;text-decoration:none;
  background:var(--accent);color:var(--on-accent);
  border-radius:var(--radius-sm);border:var(--bw) solid var(--ink)}
.mimoradne-banner:hover .mimoradne-banner-text{text-decoration:underline}
.mimoradne-banner-stitek{
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase}
.mimoradne-banner-text{font-weight:600}
.mimoradne-banner-datum{margin-left:auto;font-size:13px;opacity:.85;white-space:nowrap}
.mimoradne-pruh{
  display:inline-block;margin:0 0 10px;padding:5px 12px;
  background:var(--accent);color:var(--on-accent);
  font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;border-radius:var(--radius-sm)}
.masthead--mimoradne{border-bottom-color:var(--accent)}
/* Mimořádka je čtení, ne přehled. Grid .polozky (auto-fit sloupce pro denní
   vydání) se tu VYPÍNÁ: pět dlouhých článků v něm skončilo namáčklých vedle
   sebe bez okapu a titulky sousedů se dotýkaly (nález Otakara 5. 9. 2026).
   Jeden sloupec s klidnou mírou řádku, tělo článku se rozbaluje. */
.polozky--mimoradne{display:block;border-top:0;margin-top:0}
.polozky--mimoradne .clanek{
  max-width:74ch;margin:0 auto;
  padding:44px 0 36px;border-top:var(--bw) solid var(--line)}
.polozky--mimoradne .clanek:first-child{border-top:0;padding-top:24px}
.clanek-titul{font-size:clamp(26px,3.4vw,38px);line-height:1.14;margin:12px 0 10px}
.clanek-perex{font-size:18px;line-height:1.55;color:var(--muted);
  font-style:italic;margin:0 0 20px;max-width:70ch}
.clanek-obrazek{margin:0 0 20px}
.clanek-obrazek img{width:100%;height:auto;display:block;
  border:var(--bw) solid var(--line);border-radius:var(--radius-sm)}
.clanek-obrazek figcaption{font-size:12px;color:var(--faint);margin-top:6px;
  font-family:'JetBrains Mono',monospace}
.clanek-mezititulek{font-size:20px;margin:28px 0 8px}
.clanek-text{max-width:70ch;line-height:1.68;margin:0 0 15px}
/* Rozbalovací tělo článku. <details> je nativní, takže rozbalení jde i bez
   JavaScriptu a stav (sbaleno/rozbaleno) hlásí odečítač sám — proto se text
   tlačítka nepřepisuje, mění se jen šipka. */
.clanek-telo{margin:0}
.clanek-vice{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  cursor:pointer;list-style:none;padding:11px 15px;
  border:var(--bw) solid var(--line);border-radius:var(--radius-sm);
  font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase}
.clanek-vice::-webkit-details-marker{display:none}
.clanek-vice::after{content:"\25be";margin-left:10px;font-size:14px;letter-spacing:0}
.clanek-telo[open]>.clanek-vice::after{content:"\25b4"}
.clanek-vice:hover{border-color:var(--accent);color:var(--accent)}
.clanek-vice:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.clanek-cteni{margin-left:auto;font-weight:400;letter-spacing:.06em;
  text-transform:none;color:var(--faint)}
.clanek-telo[open]>.clanek-vice{margin-bottom:22px}
.polozky--mimoradne .polozka-nohy{margin-top:22px}
@media print{
  .mimoradne-banner{background:none;color:#000;border:2px solid #000}
  .clanek-obrazek img{border-color:#000}
  /* Sbalené tělo by z PDF vyhodilo celý text vydání. Do PDF se sází
     s `?tisk=1` (site.js těla otevře), tohle je druhá pojistka. */
  .clanek-vice{display:none}
  .clanek-telo,.clanek-telo>*{display:block!important}
  .polozky--mimoradne .clanek{max-width:none}
}