/* ============================================================
   POCTIVÁ STAVBA — TISK. Kompletní sazba webu, ne vrstva nad starou.
   Nenačítá se s ní style.css ani noviny.css; tenhle soubor stojí sám.

   Předloha: Paperio – News Portal Website (Dribbble 25276348).
   Přebírá se kompozice a typografický systém, ne soubory.

   Co je jinak proti dosavadní titulce:
     - hierarchie. Vedoucí zpráva má šířku, rám kolem titulku a text
       ve dvou sloupcích; ostatní dostanou míň místa. Dosud měly
       všechny položky stejně velkou kartu a stránka neměla čelo.
     - mřížka se v každém pásu mění (3 sloupce nestejné šířky, pak
       2 nestejné, pak 3 stejné). Novinová strana není tabulka.
     - svislé linky mezi sloupci, dvojlinky mezi pásy.
     - jedna oranžová, papírový podklad, olivový okraj archu.

   Kontrasty (WCAG 2.1, ruční výpočet 11. 9. 2026):
     ink #26241F na papíru #EFEADB .... 12,89:1
     muted #5E5A4C ................... 5,74:1
     accent2 #A6300A (text) .......... 5,73:1
     accent #D74108 .................. 3,76:1  ⚠ nikdy na text
     krémová #FBF7EC na #A6300A ...... 6,43:1
   ============================================================ */

/* ==== 1. PÍSMA (self-host) ==== */
@font-face{font-family:'Ibarra Real Nova';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/ibarra-real-nova-v30-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Ibarra Real Nova';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/ibarra-real-nova-v30-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Ibarra Real Nova';font-style:italic;font-weight:400 700;font-display:swap;
  src:url('fonts/ibarra-real-nova-v30-latin-ext-italic.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Ibarra Real Nova';font-style:italic;font-weight:400 700;font-display:swap;
  src:url('fonts/ibarra-real-nova-v30-latin-italic.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/work-sans-v24-latin_latin-ext-regular.woff2') format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/work-sans-v24-latin_latin-ext-500.woff2') format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/work-sans-v24-latin_latin-ext-600.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jetbrains-mono-v24-latin_latin-ext-regular.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/jetbrains-mono-v24-latin_latin-ext-500.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/jetbrains-mono-v24-latin_latin-ext-600.woff2') format('woff2')}

/* ==== 2. TOKENY ==== */
:root{
  color-scheme:light;
  --papir:#efeadb;--list:#f7f3e8;--list2:#e3ddca;
  --ink:#26241f;--tlum:#5e5a4c;--slaby:#918b78;
  --linka:#c6c0ac;--linka-silna:#26241f;
  --akcent:#d74108;--akcent-text:#a6300a;--na-akcentu:#fbf7ec;--akcent-mek:#f6e3d7;
  --okraj:#6b6d55;
  --serif:'Ibarra Real Nova',Georgia,'Times New Roman',serif;
  --sans:'Work Sans',-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;
  --zarez:15px;
  --arch:1320px;
}
html[data-mode="dark"]{
  color-scheme:dark;
  --papir:#15150f;--list:#1d1d15;--list2:#25251b;
  --ink:#efe9d8;--tlum:#a9a28c;--slaby:#7e7862;
  --linka:rgba(239,233,216,.15);--linka-silna:#efe9d8;
  --akcent:#f2703a;--akcent-text:#f2703a;--na-akcentu:#15150f;--akcent-mek:rgba(242,112,58,.13);
  --okraj:#0d0d09;
}
@media (prefers-color-scheme:dark){
  html:not([data-js]):not([data-mode="light"]){
    color-scheme:dark;
    --papir:#15150f;--list:#1d1d15;--list2:#25251b;
    --ink:#efe9d8;--tlum:#a9a28c;--slaby:#7e7862;
    --linka:rgba(239,233,216,.15);--linka-silna:#efe9d8;
    --akcent:#f2703a;--akcent-text:#f2703a;--na-akcentu:#15150f;--akcent-mek:rgba(242,112,58,.13);
    --okraj:#0d0d09;
  }
}

/* ==== 3. ZÁKLAD ==== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--okraj);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0}
p{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--akcent);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Kosočtverec mezi údaji — oddělovač z předlohy. */
.kosoctverec{
  display:inline-block;width:5px;height:5px;
  background:var(--akcent);transform:rotate(45deg);
  margin:0 9px;vertical-align:middle;flex:none;
}

/* Rámeček s useknutým levým horním a pravým dolním rohem. Kreslí se
   dvěma pseudoprvky: spodní nese barvu linky, horní o pixel menší nese
   výplň. `border` s `clip-path` to neumí — clip ořízne i rámeček. */
.zarez-ram{position:relative;background:transparent;border:0}
.zarez-ram::before,.zarez-ram::after{
  content:"";position:absolute;pointer-events:none;
  clip-path:polygon(var(--zarez) 0,100% 0,100% calc(100% - var(--zarez)),calc(100% - var(--zarez)) 100%,0 100%,0 var(--zarez));
}
.zarez-ram::before{inset:0;background:var(--linka);transition:background .18s ease}
.zarez-ram::after{inset:1px;background:var(--list);--zarez:14px}
.zarez-ram > *{position:relative;z-index:1}

/* Rám kolem titulku zprávy. Visí na `.titul-ram`, který generátor
   vysazuje u vedoucí a u rámované zprávy — proto se třída `zarez-ram`
   do značek vůbec nedává. */
.titul-ram{position:relative;background:transparent}
.titul-ram::before,.titul-ram::after{
  content:"";position:absolute;pointer-events:none;
  clip-path:polygon(var(--zarez) 0,100% 0,100% calc(100% - var(--zarez)),calc(100% - var(--zarez)) 100%,0 100%,0 var(--zarez));
}
.titul-ram::before{inset:0;background:var(--ink);transition:background .18s ease}
.titul-ram::after{inset:1px;background:var(--papir);--zarez:14px}
.titul-ram > *{position:relative;z-index:1}
.zprava:hover .titul-ram::before{background:var(--ink)}

/* ==== 4. HLAVIČKA ====
   Dva řádky. Vydavatelský se při rolování sbalí a značka přejde do
   navigačního; stav drží atribut data-scrolled na <html> (tisk.js).
   Bez JavaScriptu zůstane rozbalená a funkční. */
.hlava{
  position:sticky;top:0;z-index:80;
  background:var(--list);
  border-bottom:2px solid var(--linka-silna);
}
.hlava-vydavatel{
  max-width:var(--arch);margin:0 auto;padding:0 34px;height:54px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-bottom:1px solid var(--linka);
  overflow:hidden;
  transition:height .26s ease,opacity .2s ease;
}
html[data-scrolled] .hlava-vydavatel{height:0;opacity:0;border-bottom-width:0}
.znacka{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.znak{
  width:28px;height:32px;flex:none;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:var(--akcent);
}
.znacka--mala .znak{width:22px;height:25px}
.znacka-nazev{
  font-family:var(--serif);font-weight:700;font-size:25px;
  font-variant:small-caps;letter-spacing:.035em;white-space:nowrap;
}
.znacka--mala .znacka-nazev{font-size:19px}
.hlava-datum,.hlava-vydani{
  font-family:var(--mono);font-size:11px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--tlum);
  font-variant-numeric:tabular-nums;
  display:flex;align-items:center;gap:14px;
}
.hlava-cas{color:var(--ink);font-weight:500}
.hlava-navigace{
  max-width:var(--arch);margin:0 auto;padding:0 34px;height:54px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.hlava-navigace .znacka{opacity:0;width:0;overflow:hidden;transition:opacity .2s ease,width .26s ease}
html[data-scrolled] .hlava-navigace .znacka{opacity:1;width:auto}
.nav{display:flex;align-items:center;position:relative}
.nav-odkaz{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--tlum);text-decoration:none;
  padding:0 16px;line-height:54px;position:relative;
}
.nav-odkaz:hover{color:var(--ink)}
.nav-odkaz + .nav-odkaz::before{
  content:"";position:absolute;left:0;top:50%;height:13px;width:1px;
  margin-top:-6px;background:var(--linka);
}
.nav-odkaz[aria-current="page"]{color:var(--ink)}
.nav-odkaz[aria-current="page"]::after{
  content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--akcent);
}
/* Podtržení jede za kurzorem. Šířku a posun zapisuje tisk.js do inline
   stylu; přes CSS proměnné se hodnota u width a opacity nedosadila
   a obojí spadlo na nulu (změřeno 11. 9. 2026). */
.nav-podtrzeni{
  position:absolute;left:0;bottom:0;height:2px;width:0;opacity:0;
  background:var(--akcent);pointer-events:none;
  transition:transform .22s cubic-bezier(.3,.8,.3,1),width .22s cubic-bezier(.3,.8,.3,1),opacity .18s ease;
}
.hlava-ovladani{display:flex;align-items:center;gap:9px;flex:none}
.ikona{
  width:36px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--linka);background:var(--list2);font-family:var(--mono);font-size:15px;
}
.ikona:hover{border-color:var(--ink)}
.burger{display:none}
.menu-mobil{display:none;flex-direction:column;padding:6px 20px 16px;background:var(--list);border-top:1px solid var(--linka)}
.menu-mobil.otevrene{display:flex}
.menu-mobil a{padding:12px 2px;border-bottom:1px solid var(--linka);text-decoration:none;font-weight:500}
html:not([data-js]) .ikona{display:none}

/* ==== 5. ARCH ==== */
.arch{
  max-width:var(--arch);margin:0 auto;padding:0 34px 70px;
  background:var(--papir);
  border-left:1px solid var(--linka);border-right:1px solid var(--linka);
}
@media (max-width:1400px){.arch{border-left:0;border-right:0;max-width:none}}

/* ==== 6. HLAVA VYDÁNÍ ==== */
.titulni-hlava{padding:38px 0 0;margin-bottom:26px}
.titulni-nazev{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(38px,7.4vw,82px);line-height:.92;
  letter-spacing:.012em;word-spacing:.04em;
  text-align:center;font-variant:small-caps;
}
.titulni-podtitul{
  text-align:center;font-family:var(--serif);font-style:italic;
  font-size:clamp(15px,2vw,20px);color:var(--tlum);margin-top:6px;
}
.titulni-pruh{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:2px 0;margin-top:20px;padding:9px 0;
  border-top:1px solid var(--linka);border-bottom:1px solid var(--linka);
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tlum);
  font-variant-numeric:tabular-nums;
}
.titulni-pruh strong{color:var(--ink);font-weight:600}
/* Trojlinka pod hlavou vydání: silná, mezera, silná. */
.titulni-hlava::after{
  content:"";display:block;height:5px;margin-top:14px;
  border-top:2px solid var(--linka-silna);border-bottom:2px solid var(--linka-silna);
}

/* Počet sloupců se řídí počtem bloků, ne pevnou čtyřkou. Vydání č. 26
   nemá heslo ani vadu dne (pole `rail` je prázdné), takže pás služeb
   nese dva bloky — při pevných čtyřech sloupcích zůstala půlka pásu
   prázdná a vypadalo to jako chybějící obsah. */

/* ==== 7. PÁSY ====
   Mřížka se v každém pásu mění. Svislé linky mezi sloupci dělá
   border-left na sloupci, ne samostatný prvek. */
.pas{display:grid;margin-bottom:34px}
.pas > * + *{border-left:1px solid var(--linka)}
.pas--hlavni{grid-template-columns:272px minmax(0,1fr) 312px}
.pas--druhy{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);border-top:2px solid var(--linka-silna);padding-top:26px}
.pas--zbytek{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));border-top:2px solid var(--linka-silna);padding-top:26px}
.pas--vynalezy{display:block;border-top:5px double var(--linka-silna);padding-top:24px}
.pas--sluzby{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border-top:2px solid var(--linka-silna);padding-top:26px}
.pas--hlavni > *,.pas--druhy > *,.pas--zbytek > *,.pas--sluzby > *{padding:0 24px}
.pas--hlavni > :first-child,.pas--druhy > :first-child,
.pas--zbytek > :first-child,.pas--sluzby > :first-child{padding-left:0}
.pas--hlavni > :last-child,.pas--druhy > :last-child,
.pas--zbytek > :last-child,.pas--sluzby > :last-child{padding-right:0}
.pas-titul{
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--akcent-text);margin-bottom:16px;
}
.pas-mrizka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pas-mrizka > * + *{border-left:1px solid var(--linka);padding-left:24px}
.pas-mrizka > :first-child{padding-right:24px}

/* Dělič mezi vedoucí zprávou a zprávou pod ní ve stejném sloupci. */
.delic{border:0;border-top:2px solid var(--linka-silna);margin:26px 0 22px}
.sloupec-hlavni{min-width:0}

/* ==== 8. ZPRÁVY ==== */
.zprava-titul{font-family:var(--serif);font-weight:700;letter-spacing:-.008em;text-wrap:balance}
.zprava-titul a{text-decoration:none}
.zprava-titul a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.meta{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tlum);display:flex;flex-wrap:wrap;align-items:center;
}
.meta--male{font-size:10px}
.meta-rubrika{color:var(--akcent-text);font-weight:600}
.meta-zeme{border:1px solid var(--linka);padding:1px 5px;letter-spacing:.06em}

/* Vedoucí zpráva */
.zprava--hlavni .titul-ram{padding:20px 22px 18px;margin-bottom:18px}
.zprava--hlavni .zprava-titul{font-size:clamp(28px,3.6vw,44px);line-height:1.04;margin-bottom:12px}
.zprava--hlavni .meta{font-size:11px}
/* Text do dvou sloupců — to je ta novinová hustota, kterou samostatné
   karty nikdy neměly. Čeština se do bloku sází jen s dělením slov;
   Chrome pro ni slovník nemá, proto praporek. */
.text-sloupce{
  columns:2;column-gap:26px;column-rule:1px solid var(--linka);
  font-size:16px;line-height:1.66;
}
.text-sloupce p{margin-bottom:14px}
.text-jeden{font-size:16px;line-height:1.66}
.zprava--hlavni .text-sloupce p:first-child::first-letter{
  font-family:var(--serif);font-weight:700;font-size:3.2em;line-height:.8;
  float:left;margin:3px 9px 0 0;color:var(--akcent-text);
}
/* Iniciála patří JEN prvnímu odstavci VEDOUCÍ zprávy. Na druhé úrovni
   vypadala špatně: položka o ČVUT začíná slovem „iMateriály" a iniciála
   z něj udělala velké malé i přes tři řádky (změřeno 11. 9. 2026). */
.zprava--hlavni .text-sloupce p + p::first-letter{font-family:inherit;font-size:inherit;line-height:inherit;float:none;margin:0;color:inherit}

/* Druhá úroveň */
.zprava--ram .titul-ram{padding:16px 18px 14px;margin-bottom:16px}
.zprava--ram .zprava-titul{font-size:clamp(22px,2.6vw,31px);line-height:1.1;margin-bottom:10px}

/* Sloupcová zpráva */
.zprava--sloupec{position:relative}
.zprava--sloupec .zprava-cislo{
  position:absolute;top:-4px;right:0;
  font-family:var(--serif);font-style:italic;font-weight:700;font-size:32px;
  line-height:1;color:var(--linka);
  transition:color .18s ease,transform .18s ease;
}
.zprava--sloupec:hover .zprava-cislo{color:var(--akcent);transform:translateY(-2px)}
.zprava--sloupec .zprava-titul{font-size:21px;line-height:1.16;margin:9px 0 10px}
.zprava-text{font-size:15px;line-height:1.6}
.zprava--vynalez .zprava-titul{font-size:20px;line-height:1.18;margin:8px 0 10px}

.nohy{
  margin-top:14px;padding-top:10px;border-top:1px solid var(--linka);
  display:flex;flex-direction:column;gap:4px;
  font-family:var(--mono);font-size:11px;letter-spacing:.03em;
}
.nohy a{color:var(--akcent-text);text-decoration:none}
.nohy a:hover{text-decoration:underline;text-underline-offset:3px}

/* ==== 9. EVIDENČNÍ RAZÍTKO (značky z generátoru) ==== */
.razitko{margin:10px 0 14px}
.razitko-hlava{
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;
  padding:4px 9px;border:1px solid var(--akcent);cursor:pointer;list-style:none;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--akcent-text);
}
.razitko-hlava::-webkit-details-marker{display:none}
.razitko-hlava:hover{background:var(--akcent-mek)}
.razitko-delic{opacity:.5}
.razitko-sipka{font-size:8px;opacity:.6}
.razitko[open] .razitko-sipka{transform:rotate(180deg);display:inline-block}
.razitko-telo{
  margin-top:8px;padding:12px 14px;background:var(--list2);
  font-size:13.5px;line-height:1.55;
}
.razitko-uvod{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tlum);margin-bottom:8px}
.razitko-seznam{display:flex;flex-direction:column;gap:5px}
.razitko-radek{display:grid;grid-template-columns:16px auto 1fr;gap:8px;align-items:baseline;font-size:13px}
.razitko-brana{font-weight:600}
.razitko-zprava{color:var(--tlum)}
.razitko-radek--ok .razitko-ikona{color:var(--akcent-text)}
.razitko-radek--varovani .razitko-ikona,.razitko-radek--neprovedeno .razitko-ikona{color:var(--tlum)}
.razitko-poznamka{margin-top:10px;font-size:12.5px;color:var(--tlum)}
.razitko-poznamka a{color:var(--akcent-text)}

/* ==== 10. SDÍLENÍ ==== */
.sdileni{display:flex;align-items:center;gap:8px;margin-top:14px}
.sdileni-ikona{
  width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--linka);background:none;color:var(--tlum);text-decoration:none;
}
.sdileni-ikona svg{width:15px;height:15px;fill:currentColor}
.sdileni-ikona:hover{border-color:var(--ink);color:var(--ink)}
.sdileni-hlaska{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--akcent-text)}

/* ==== 11. ŽEBŘÍČEK A BLOKY ==== */
.zebricek-sloupec{display:flex;flex-direction:column;gap:26px}
.blok-titul{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink);padding-bottom:9px;margin-bottom:10px;
  border-bottom:1px solid var(--linka-silna);
}
.zebricek-seznam{counter-reset:zeb;display:flex;flex-direction:column}
.zebricek-seznam li{
  counter-increment:zeb;display:grid;grid-template-columns:40px 1fr;gap:11px;
  align-items:start;padding:11px 0;border-bottom:1px solid var(--linka);
}
.zebricek-seznam li:last-child{border-bottom:0}
.zebricek-seznam li::before{
  content:counter(zeb,decimal-leading-zero);
  font-family:var(--serif);font-style:italic;font-weight:700;font-size:25px;line-height:1.1;
  color:var(--ink);font-variant-numeric:lining-nums;
  transition:color .18s ease,transform .18s ease;
}
.zebricek-seznam li:hover::before{color:var(--akcent);transform:translateX(2px)}
.zebricek-seznam a{text-decoration:none;font-size:14.5px;line-height:1.4;display:block}
.zebricek-seznam a:hover{color:var(--akcent-text)}
/* ⚠ Musí se řídit do DRUHÉHO sloupce mřížky. `li` má sloupce 40px | 1fr
   a tři děti (číslo z ::before, odkaz, tenhle popisek). Bez určení
   sloupce spadl popisek na nový řádek do prvního sloupce, tedy do
   čtyřiceti pixelů, a „10. září 2026" se zalomilo na tři řádky. */
.zebricek-zdroj{
  grid-column:2;
  display:block;margin-top:4px;padding-left:22px;position:relative;
  font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--tlum);
}
.zebricek-zdroj::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:1px;background:var(--ink)}
.zebricek-seznam--male a{font-size:13.5px}
.blok-heslo{font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.12;margin-bottom:7px}
.blok-heslo a{text-decoration:none}
.blok-heslo a:hover{text-decoration:underline;text-underline-offset:4px}
.blok-text{font-size:14.5px;line-height:1.56}
.blok-odkazy{margin-top:10px;display:flex;flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.05em}
.blok-odkazy a{color:var(--akcent-text);text-decoration:none}
.blok-odkazy a:hover{text-decoration:underline;text-underline-offset:3px}

/* Číslo dne (značky z generátoru) */
.rail-blok--cislo h3{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink);padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--linka-silna);
}
.cislo-hodnota{font-family:var(--serif);font-weight:700;font-size:44px;line-height:1;letter-spacing:-.01em;font-variant-numeric:lining-nums}
.cislo-jednotka{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--tlum);margin-left:7px}
.cislo-popis{font-size:14.5px;margin-top:5px}
.cislo-obdobi{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--tlum);margin-top:4px}
.cislo-graf{width:100%;height:78px;margin-top:10px;display:block;overflow:visible}
.cislo-plocha{fill:var(--akcent-mek)}
.cislo-cara{fill:none;stroke:var(--akcent);stroke-width:1.6;vector-effect:non-scaling-stroke}
.cislo-bod{fill:var(--akcent)}
.cislo-odecet{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--tlum);margin-top:6px;line-height:1.5}
.rail-odkaz{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--akcent-text);text-decoration:none}
.rail-odkaz:hover{text-decoration:underline;text-underline-offset:3px}

/* ==== 12. KRESBA ====
   Vtip ze zásobníku stojí ve vlastním bloku, ne pod titulkem zprávy —
   obrázek pod titulkem se čte jako vyobrazení té zprávy. Viditelný
   popisek u vtipu není (pokyn 13. 9. 2026), popis nese atribut alt. */
.kresba{margin:0}
.kresba img{border:1px solid var(--linka);width:100%;display:block}

/* ==== 13. PATIČKA ==== */
.pata{background:var(--okraj);color:#efeadb;padding:34px 0}
html[data-mode="dark"] .pata{border-top:1px solid var(--linka)}
.pata-vnitrek{
  max-width:var(--arch);margin:0 auto;padding:0 34px;
  display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:start;
}
.pata-nazev{font-family:var(--serif);font-weight:700;font-size:24px;font-variant:small-caps;letter-spacing:.04em}
.pata-text{font-size:14px;opacity:.82;margin-top:4px}
.pata-odkazy{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.pata-odkazy a{text-decoration:none;opacity:.88}
.pata-odkazy a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}

/* ==== 14. UŽŠÍ OBRAZOVKY ====
   Mřížka se rozpadá po pásech, ne najednou. Svislé linky mizí a mění
   se ve vodorovné — sloupec široký 200 px už není sloupec. */
@media (max-width:1100px){
  .pas--hlavni{grid-template-columns:minmax(0,1fr) 290px}
  .pas--hlavni > :first-child{grid-column:1 / -1;border-left:0;padding:0 0 22px;border-bottom:1px solid var(--linka);margin-bottom:22px}
  .pas--hlavni > :nth-child(2){padding-left:0}
  .pas--sluzby{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
  .pas--sluzby > :nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:860px){
  .arch{padding:0 20px 54px}
  .hlava-vydavatel{padding:0 20px;height:54px;opacity:1}
  html[data-scrolled] .hlava-vydavatel{height:54px;opacity:1;border-bottom-width:1px}
  .hlava-datum,.hlava-vydani{display:none}
  .hlava-navigace{padding:0 20px}
  .hlava-navigace .znacka{display:none}
  html[data-js] .nav{display:none}
  html[data-js] .burger{display:inline-flex}
  /* Jeden sloupec, ale pořád grid — na mobilu se mění POŘADÍ: vedoucí
     zpráva jde nahoru. Ve zdroji stojí až druhá, protože na široké
     obrazovce je uprostřed strany. Kdo čte na telefonu, má dostat čelo
     vydání první, ne vedlejší sloupec. `display:block` by to neuměl,
     `order` na něj neplatí. */
  .pas{grid-template-columns:minmax(0,1fr) !important}
  .pas > *{border-left:0;border-top:1px solid var(--linka);margin:24px 0 0;padding:24px 0 0}
  .pas--druhy > :first-child,.pas--zbytek > :first-child,
  .pas--sluzby > :first-child,.pas--kresba > :first-child{border-top:0;margin-top:0;padding-top:0}
  .pas--hlavni > :nth-child(2){order:1;border-top:0;margin-top:0;padding-top:0}
  .pas--hlavni > :nth-child(1){order:2}
  .pas--hlavni > :nth-child(3){order:3}
  .pas-mrizka{display:block}
  .pas-mrizka > * + *{border-left:0;border-top:1px solid var(--linka);margin-top:24px;padding:24px 0 0}
  .pas-mrizka > :first-child{padding-right:0}
  .text-sloupce{columns:1}
  .zebricek-sloupec{gap:24px}
}

/* ==== 15. TISK A OMEZENÝ POHYB ==== */
@media print{
  body{background:#fff}
  .hlava,.sdileni,.menu-mobil{display:none}
  .arch{border:0;max-width:none;padding:0}
  .pata{background:none;color:#000}
  .razitko-telo{display:block !important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}