/* abcpodnikani.cz — redakční/novinový vzhled.
   Design handoff: hairline linky místo rámečků, serif (Newsreader) pro titulky a text,
   Archivo pro UI/navigaci, monospace pro metadata. Nulové border-radius, žádné stíny.
   Barvy jsou v oklch() s HEX fallbackem (starší prohlížeč vezme HEX, novější přepíše oklch). */

@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/newsreader-400-normal-lat.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:'Newsreader';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/newsreader-400-normal-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:'Newsreader';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/newsreader-400-normal-lat.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:'Newsreader';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/newsreader-400-normal-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:'Newsreader';font-style:normal;font-weight:200;font-display:swap;
  src:url('/assets/fonts/newsreader-400-normal-lat.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:'Newsreader';font-style:italic;font-weight:400;font-display:swap;
  src:url('/assets/fonts/newsreader-400-italic-lat.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:'Newsreader';font-style:italic;font-weight:400;font-display:swap;
  src:url('/assets/fonts/newsreader-400-italic-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:'Archivo';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/archivo-400-normal-lat.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:'Archivo';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/archivo-400-normal-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:'Archivo';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/archivo-400-normal-lat.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:'Archivo';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/archivo-400-normal-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:'Archivo';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/archivo-400-normal-lat.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:'Archivo';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/archivo-400-normal-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;}

:root{
  /* barvy — HEX základ, oklch přepíše níže */
  --paper:#F7F3EC; --paper-2:#EAE3D7; --ink:#2B2724; --ink-body:#332F2B; --ink-perex:#4A443E;
  --muted:#635C53; --rule:#D6CEC1; --rule-strong:#2B2724; --rank:#C6BCAB; --rank-strong:#D8CFBF;
  --accent:#9B4A2A; --accent-alt:#1F6B4A; --on-dark:#F7F3EC;
  --grid-rgb:43,39,36;

  --nadpisy:'Newsreader', Georgia, 'Times New Roman', serif;
  --ui:'Archivo', Helvetica, Arial, sans-serif;
  --mono:ui-monospace, Menlo, 'SFMono-Regular', Consolas, monospace;

  --okraj:clamp(16px,3vw,48px);
  --pad-sekce:clamp(24px,3vw,44px);
  --pad-sekce-vetsi:clamp(32px,4vw,64px);
  --pad-bunka:clamp(18px,2vw,26px);
}
@supports (color:oklch(0 0 0)){
  :root{
    --paper:oklch(0.965 0.008 85); --paper-2:oklch(0.925 0.014 82);
    --ink:oklch(0.22 0.012 60); --ink-body:oklch(0.26 0.012 60); --ink-perex:oklch(0.35 0.014 62);
    --muted:oklch(0.45 0.015 65); --rule:oklch(0.84 0.014 80); --rule-strong:oklch(0.22 0.012 60);
    --rank:oklch(0.78 0.02 75); --rank-strong:oklch(0.84 0.014 80);
    --accent:oklch(0.5 0.11 40); --accent-alt:oklch(0.5 0.11 155); --on-dark:oklch(0.965 0.008 85);
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
body{
  margin:0;background:var(--paper);color:var(--ink-body);font:15px/1.6 var(--ui);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
main{min-height:60vh}
a{color:var(--accent);text-decoration:none;cursor:pointer}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto;display:block;border-radius:0}
::selection{background:oklch(0.5 0.11 155 / 0.22)}
p,h1,h2,h3,h4{text-wrap:pretty}
.tichy{color:var(--muted)}
.mono{font-family:var(--mono)}

.preskoc{position:absolute;left:-9999px;background:var(--ink);color:var(--on-dark);padding:10px 16px;z-index:99}
.preskoc:focus{left:8px;top:8px}

/* ---------------------------------------------------------------- ticker */
.tick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;
  padding:9px var(--okraj);border-bottom:1px solid var(--rule);
  font-family:var(--mono);font-size:11px;color:var(--muted)}
.tick .d{color:var(--ink)}
.tick .plus{color:var(--accent)}
.tick .minus{color:var(--accent-alt)}
.tick .inz{margin-left:auto;color:var(--muted)}
.tick .inz:hover{color:var(--ink)}

/* ---------------------------------------------------------------- hlavička */
.hlavicka{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--paper) 94%,transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--ink)}
.hlavicka__pruh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:16px 32px;padding:14px var(--okraj) 12px}
.znacka{display:flex;align-items:baseline;gap:14px;cursor:pointer}
.znacka__jmeno{font-family:var(--nadpisy);font-weight:500;font-size:clamp(26px,3.2vw,38px);
  letter-spacing:-.015em;line-height:1;color:var(--ink)}
.znacka__claim{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(12px,1.8vw,26px);
  font-family:var(--ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.nav a{color:var(--muted);border-bottom:2px solid transparent;padding-bottom:4px}
.nav a:hover{color:var(--ink)}
.nav a.aktivni{color:var(--ink);border-bottom-color:var(--accent)}
.hl-nastroj{font-family:var(--ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}

/* ---------------------------------------------------------------- tlačítka a pole */
.tlacitko{display:inline-block;background:var(--ink);color:var(--on-dark);
  padding:16px 30px;font-family:var(--ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  border:1px solid var(--ink)}
.tlacitko:hover{background:var(--accent);border-color:var(--accent);color:var(--on-dark)}
.tlacitko--2{display:inline-block;background:transparent;color:var(--ink);border:1px solid var(--ink);
  padding:14px 28px;font-family:var(--ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.tlacitko--2:hover{background:var(--ink);color:var(--on-dark)}
.cta-text{border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink)}
.pole{width:100%;border:none;border-bottom:1px solid oklch(0.7 0.02 70);background:transparent;
  padding:9px 2px;font-size:16px;font-family:var(--ui);color:var(--ink);outline:none;appearance:none;
  border-radius:0}
.pole:focus{border-bottom-color:var(--ink)}
.polelabel{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
  margin-bottom:7px}

/* ---------------------------------------------------------------- placeholder rastr (bez fotky) */
.dlazdice{background:var(--paper-2);
  background-image:repeating-linear-gradient(122deg, transparent 0 12px, rgb(var(--grid-rgb) / 5%) 12px 13px);
  display:flex;align-items:flex-end;padding:14px;position:relative}
.dlazdice span{font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--paper);
  padding:5px 8px}
.pomer-16-9{aspect-ratio:16/9}
.pomer-4-3{aspect-ratio:4/3}
.pomer-1-1{aspect-ratio:1/1}
.karta__foto img{width:100%;height:100%;object-fit:cover;display:block}
.karta__foto{aspect-ratio:16/9}
.karta__foto.pomer-4-3{aspect-ratio:4/3}

/* ---------------------------------------------------------------- homepage: lead */
.lead-sekce{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.lead-hl{flex:1 1 620px;min-width:min(100%,340px);border-right:1px solid var(--rule);
  padding:var(--pad-sekce) var(--okraj) clamp(28px,3vw,48px);cursor:pointer}
.lead-hl .karta__foto{margin-bottom:24px}
.lead-hl__meta{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.stitek-rubrika{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.meta-mono{font-family:var(--mono);font-size:11px;color:var(--muted)}
.lead-hl h1{font-family:var(--nadpisy);font-weight:400;font-size:clamp(34px,4.6vw,64px);
  line-height:1.02;letter-spacing:-.022em;margin:0 0 18px;color:var(--ink)}
.lead-hl .perex{max-width:60ch;font-family:var(--nadpisy);font-size:clamp(17px,1.5vw,21px);
  line-height:1.55;color:var(--ink-perex);margin:0 0 20px}

.lead-vedlejsi{flex:1 1 340px;min-width:min(100%,300px);display:flex;flex-direction:column}
.sek-clanek{padding:var(--pad-bunka) clamp(16px,3vw,40px);border-bottom:1px solid var(--rule);
  cursor:pointer;transition:background-color .2s ease}
.sek-clanek:hover{background-color:color-mix(in oklab,var(--paper-2) 60%,transparent)}
.sek-clanek__meta{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.sek-clanek__titulek{font-family:var(--nadpisy);font-weight:400;font-size:clamp(22px,2.1vw,28px);
  line-height:1.14;letter-spacing:-.012em;color:var(--ink)}
.sek-clanek__titulek a{color:inherit}
.sek-clanek p{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}

.nl-box{padding:var(--pad-bunka) clamp(16px,3vw,40px);background:var(--paper-2);flex:1 1 auto}
.nl-box__kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.nl-box h2{font-family:var(--nadpisy);font-weight:400;font-size:26px;line-height:1.15;margin:12px 0 14px;color:var(--ink)}
.nl-form{display:flex;flex-wrap:wrap;gap:10px}
.nl-form input{flex:1 1 160px}
.nl-form button{background:var(--ink);color:var(--on-dark);border:none;padding:11px 20px;
  font-family:var(--ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:0}
.nl-form button:hover{background:var(--accent)}
.nl-note{font-size:12px;color:var(--muted);margin-top:12px}

/* ---------------------------------------------------------------- nejnovější + sidebar */
.nej-sekce{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.nej-sloupec{flex:1 1 640px;min-width:min(100%,340px);border-right:1px solid var(--rule);
  padding:var(--pad-sekce) var(--okraj)}
.sekce-hlava{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:4px;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.nej-radek{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:18px 4px;
  border-bottom:1px solid var(--rule);cursor:pointer;transition:padding-left .2s ease}
.nej-radek:hover{padding-left:14px}
.nej-radek__datum{font-family:var(--mono);font-size:11px;color:var(--muted);flex:none;width:74px}
.nej-radek__rubrika{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);flex:none;width:96px}
.nej-radek__titulek{flex:1 1 260px;font-family:var(--nadpisy);font-size:clamp(19px,1.7vw,23px);
  line-height:1.25;color:var(--ink)}
.nej-radek__cteni{font-family:var(--mono);font-size:11px;color:var(--muted);flex:none}

.bok-sloupec{flex:1 1 320px;min-width:min(100%,280px)}
.bok-blok{padding:clamp(24px,3vw,40px) clamp(16px,3vw,40px);border-bottom:1px solid var(--rule)}
.zebricek-radek{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--rule);cursor:pointer}
.zebricek-radek:hover{color:var(--accent)}
.zebricek-radek__cislo{font-family:var(--nadpisy);font-size:26px;color:var(--rank);flex:none;line-height:1}
.zebricek-radek__titulek{font-family:var(--nadpisy);font-size:19px;line-height:1.25;color:inherit}
.kal-nadpis{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.kal-radek{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;
  border-top:1px solid var(--rule)}
.kal-radek:last-child{border-bottom:1px solid var(--rule)}
.kal-radek__popis{font-size:14px;color:var(--ink)}
.kal-radek__datum{font-family:var(--mono);font-size:12px}
.kal-radek__datum--blizko{color:var(--accent)}
.reklama-box{background:var(--paper-2)}
.reklama-box__stitek{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.reklama-box .dlazdice{border:1px solid var(--rule);margin-top:12px}

/* ---------------------------------------------------------------- téma týdne */
.tema-tydne{padding:clamp(28px,3.5vw,52px) var(--okraj);border-bottom:1px solid var(--ink);background:var(--paper-2)}
.tema-tydne__hlava{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:16px;margin-bottom:26px}
.tema-tydne__kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.tema-tydne__odkaz{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tema-tydne__odkaz:hover{color:var(--ink)}
.tema-mriz{display:flex;flex-wrap:wrap}
.tema-polozka{flex:1 1 300px;min-width:min(100%,260px);padding:24px 28px 26px 0;border-top:1px solid var(--ink);
  margin-right:28px;cursor:pointer;transition:padding-left .2s ease}
.tema-polozka:hover{padding-left:12px}
.tema-polozka__cislo{font-family:var(--mono);font-size:11px;color:var(--accent)}
.tema-polozka h3{font-family:var(--nadpisy);font-weight:400;font-size:clamp(22px,2vw,28px);
  line-height:1.15;margin:12px 0 10px;color:var(--ink)}
.tema-polozka p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}

/* ---------------------------------------------------------------- výpis rubriky */
.vr-hlava{padding:clamp(28px,3.5vw,56px) var(--okraj) clamp(20px,2.5vw,32px);border-bottom:1px solid var(--ink)}
.vr-hlava__vnitrek{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.vr-hlava h1{font-family:var(--nadpisy);font-weight:400;font-size:clamp(38px,5.2vw,72px);
  line-height:1;letter-spacing:-.022em;margin:10px 0 0;color:var(--ink)}
.vr-hlava p{flex:0 1 420px;margin:0;font-size:15px;line-height:1.7;color:var(--muted)}
.vr-obal{display:flex;flex-wrap:wrap}
.vr-sloupec{flex:1 1 640px;min-width:min(100%,340px);border-right:1px solid var(--rule);
  padding:0 var(--okraj) clamp(28px,3vw,48px)}
.vr-polozka{display:flex;flex-wrap:wrap;gap:24px;padding:26px 0;border-bottom:1px solid var(--rule);
  cursor:pointer;transition:background-color .2s ease}
.vr-polozka:hover{background-color:color-mix(in oklab,var(--paper-2) 50%,transparent)}
.vr-polozka__foto{flex:0 0 200px;max-width:100%}
.vr-polozka__telo{flex:1 1 300px;min-width:0}
.vr-polozka__meta{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;
  font-family:var(--mono);font-size:11px;color:var(--muted)}
.vr-polozka h2{font-family:var(--nadpisy);font-weight:400;font-size:clamp(24px,2.3vw,32px);
  line-height:1.14;letter-spacing:-.012em;margin:0;color:var(--ink)}
.vr-polozka h2 a{color:inherit}
.vr-polozka p{margin:10px 0 0;font-size:15px;line-height:1.65;color:var(--muted)}
.nacist-starsi{display:flex;justify-content:center;padding-top:28px}
.vr-polozka[hidden]{display:none}

/* ---------------------------------------------------------------- článek */
.drobecky{display:flex;align-items:baseline;gap:12px;padding:14px var(--okraj);
  border-bottom:1px solid var(--rule);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.drobecky a{color:var(--muted)}
.drobecky a:hover{color:var(--ink)}
.drobecky span[aria-current]{color:var(--accent)}
.clanek-obal{display:flex;flex-wrap:wrap}
.clanek-hl{flex:1 1 640px;min-width:min(100%,340px);border-right:1px solid var(--rule);
  padding:clamp(28px,3.5vw,56px) var(--okraj) clamp(32px,4vw,64px)}
.clanek-hl h1{font-family:var(--nadpisy);font-weight:400;font-size:clamp(34px,4.4vw,60px);
  line-height:1.02;letter-spacing:-.022em;margin:0 0 20px;max-width:22ch;color:var(--ink)}
.clanek-hl .perex{max-width:60ch;font-family:var(--nadpisy);font-size:clamp(18px,1.6vw,23px);
  line-height:1.5;color:var(--ink-perex);margin:0 0 28px}
.meta-lista{display:flex;flex-wrap:wrap;gap:8px 24px;padding:14px 0;border-top:1px solid var(--ink);
  border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:32px}
.meta-lista .autor{color:var(--ink)}
.meta-lista .sdilet{margin-left:auto}
.clanek-hl .karta__foto{margin-bottom:12px}
.foto-zdroj{font-size:12px;color:var(--muted);margin-bottom:36px}
.clanek-text{max-width:68ch;font-family:var(--nadpisy);font-size:19px;line-height:1.72;color:var(--ink-body)}
.clanek-text p{margin:0 0 22px}
.clanek-text h2{font-family:var(--nadpisy);font-weight:500;font-size:30px;line-height:1.2;
  letter-spacing:-.015em;margin:38px 0 16px;color:var(--ink);scroll-margin-top:24px}
.clanek-text h3{font-family:var(--nadpisy);font-weight:500;font-size:22px;line-height:1.25;
  margin:28px 0 12px;color:var(--ink)}
.clanek-text ul,.clanek-text ol{padding-left:24px;margin:0 0 22px}
.clanek-text li{margin-bottom:8px}
.clanek-text figure{margin:30px 0}
.clanek-text figcaption{font-family:var(--ui);font-size:13px;color:var(--muted);margin-top:8px}
.pullquote{max-width:68ch;margin:34px 0;padding:0 0 0 24px;border-left:2px solid var(--accent);
  font-family:var(--nadpisy);font-style:italic;font-size:26px;line-height:1.35;color:var(--ink)}
.shrnuti{max-width:68ch;margin-top:40px;border:1px solid var(--ink);padding:24px 26px}
.shrnuti__stitek{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.shrnuti-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;font-size:15px;line-height:1.6}
.shrnuti-list__radek{display:flex;gap:12px}
.shrnuti-list__cislo{font-family:var(--mono);font-size:11px;color:var(--muted);flex:none}
.tabulka-obal{overflow-x:auto;margin:30px 0;max-width:68ch}
.tabulka-obal table{border-collapse:collapse;width:100%;font-family:var(--ui);font-size:14.5px}
.tabulka-obal caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:8px}
.tabulka-obal th,.tabulka-obal td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--rule)}
.tabulka-obal th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
  border-bottom:1px solid var(--ink)}
.faq{max-width:68ch;margin-top:44px}
.faq h2{font-family:var(--nadpisy);font-weight:500;font-size:30px;margin:0 0 16px;color:var(--ink)}
.faq dt{font-family:var(--nadpisy);font-weight:500;font-size:18px;margin:22px 0 6px;
  padding-top:16px;border-top:1px solid var(--rule);color:var(--ink)}
.faq dd{margin:0;font-family:var(--ui);font-size:15px;line-height:1.65;color:var(--ink-body)}
.stitek-radek{max-width:68ch;margin-top:36px;font-family:var(--ui);font-size:13px;color:var(--muted)}

.autor-blok{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:40px;padding-top:24px;
  border-top:1px solid var(--rule);max-width:68ch}
.autor-blok__avatar{width:64px;height:64px;flex:none;border:1px solid var(--rule)}
.autor-blok__jmeno{font-family:var(--nadpisy);font-size:22px;color:var(--ink)}
.autor-blok__bio{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}

.klanek-bok{flex:1 1 300px;min-width:min(100%,280px)}
.klanek-bok__sticky{position:sticky;top:120px}
.souvisi-radek{padding:14px 0;border-bottom:1px solid var(--rule);cursor:pointer}
.souvisi-radek:hover{color:var(--accent)}
.souvisi-radek__stitek{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.souvisi-radek__titulek{font-family:var(--nadpisy);font-size:19px;line-height:1.25;margin-top:6px;color:inherit}

/* ---------------------------------------------------------------- mediakit / inzerce */
.mk-hlava{padding:clamp(32px,4vw,64px) var(--okraj) clamp(24px,3vw,40px);border-bottom:1px solid var(--ink)}
.mk-hlava__kicker{font-family:var(--mono);font-size:11px;color:var(--accent)}
.mk-hlava__vnitrek{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:32px;margin-top:12px}
.mk-hlava h1{font-family:var(--nadpisy);font-weight:400;font-size:clamp(38px,5.2vw,72px);
  line-height:1;letter-spacing:-.022em;margin:0;max-width:16ch;color:var(--ink)}
.mk-hlava p{flex:0 1 400px;margin:0;font-size:15px;line-height:1.7;color:var(--muted)}
.mk-staty{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.mk-staty__bunka{flex:1 1 200px;padding:24px var(--okraj);border-right:1px solid var(--rule)}
.mk-staty__bunka:last-child{border-right:none}
.mk-staty__stitek{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.mk-staty__hodnota{font-family:var(--nadpisy);font-size:34px;color:var(--ink)}
.mk-staty__hodnota--accent{color:var(--accent)}
.mk-obal{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.mk-cenik{flex:1 1 560px;min-width:min(100%,340px);border-right:1px solid var(--rule);
  padding:clamp(28px,3.5vw,56px) var(--okraj)}
.mk-cenik-hlava{font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--ink);
  padding-bottom:12px}
.mk-cenik-radek{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;
  padding:22px 0;border-bottom:1px solid var(--rule)}
.mk-cenik-radek__nazev{font-family:var(--nadpisy);font-size:26px;color:var(--ink)}
.mk-cenik-radek__popis{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:46ch}
.mk-cenik-radek__cena{font-family:var(--nadpisy);font-size:26px;white-space:nowrap;color:var(--ink)}
.mk-cenik-pozn{font-size:13px;color:var(--muted);padding-top:16px}
.mk-form-obal{flex:1 1 340px;min-width:min(100%,300px);padding:clamp(28px,3.5vw,56px) clamp(16px,3vw,44px);
  background:var(--paper-2)}
.mk-form-obal label{display:block;margin-bottom:20px}
.mk-form-obal textarea{width:100%;border:none;border-bottom:1px solid oklch(0.7 0.02 70);background:transparent;
  padding:9px 2px;font-size:16px;line-height:1.6;font-family:var(--ui);color:var(--ink);outline:none;
  resize:vertical;border-radius:0}
.mk-form-obal textarea:focus{border-bottom-color:var(--ink)}
.mk-form__kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.mk-form h2{font-family:var(--nadpisy);font-size:clamp(28px,3vw,38px);line-height:1.1;margin:12px 0 26px;color:var(--ink)}
.mk-form-chyba{border-top:1px solid var(--accent);padding-top:12px;margin-bottom:16px;font-size:14px;color:var(--accent)}
.mk-form-odeslat{display:block;width:100%;text-align:center;border-radius:0;cursor:pointer}
.mk-form-pod{font-size:12px;color:var(--muted);margin-top:14px}
.mk-hotovo h2{font-family:var(--nadpisy);font-size:34px;line-height:1.1;margin-bottom:14px;color:var(--ink)}
.mk-hotovo p{margin:0 0 24px;font-size:15px;line-height:1.7;color:var(--muted)}

/* ---------------------------------------------------------------- obecné výpisové/textové stránky
   (kalkulačka, hledání, mapa webu, štítky, o webu, 404) — stejný jazyk, prostší layout */
.vypis{max-width:1180px;margin:0 auto;padding:0 var(--okraj) 70px}
.vypis__hlava{padding:clamp(28px,3.5vw,44px) 0 24px;border-bottom:1px solid var(--ink);margin-bottom:8px}
.vypis__hlava h1{font-family:var(--nadpisy);font-weight:400;font-size:clamp(32px,4.4vw,52px);
  line-height:1.04;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink)}
.vypis__hlava .lead{font-family:var(--nadpisy);font-size:clamp(17px,1.5vw,20px);line-height:1.5;
  color:var(--ink-perex);max-width:60ch;margin:0 0 8px}
.text-stranka{max-width:68ch;margin:0 auto;padding:clamp(28px,3.5vw,44px) var(--okraj) 70px}
.text-stranka h1{font-family:var(--nadpisy);font-weight:400;font-size:clamp(32px,4.4vw,52px);
  letter-spacing:-.02em;margin:0 0 14px;color:var(--ink)}
.text-stranka h2{font-family:var(--nadpisy);font-weight:500;font-size:26px;margin:34px 0 12px;color:var(--ink)}
.text-stranka p{font-size:16px;line-height:1.7;color:var(--ink-body)}
.text-stranka ul{padding-left:22px}
.text-stranka li{margin-bottom:8px;font-size:16px;line-height:1.6}
.text-stranka .lead{font-family:var(--nadpisy);font-size:20px;color:var(--ink-perex);max-width:60ch}

.mriz{display:flex;flex-wrap:wrap;margin:0 -1px}
.karta{flex:1 1 300px;min-width:min(100%,280px);border:1px solid var(--rule);border-left:none;
  margin-left:-1px;padding:0;display:flex;flex-direction:column}
.karta > div{padding:var(--pad-bunka);display:flex;flex-direction:column;gap:6px;flex:1}
.karta h3{margin:0;font-family:var(--nadpisy);font-weight:400;font-size:clamp(20px,1.9vw,24px);line-height:1.2;color:var(--ink)}
.karta h3 a{color:inherit}
.karta:hover h3 a,.karta:hover .rubrika-stitek{color:var(--accent)}
.karta p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.karta .cas{margin-top:auto;font-family:var(--mono);font-size:12px}
.karta--velka h3{font-size:clamp(24px,2.3vw,30px)}
.rubrika-stitek{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-self:flex-start}

.rubriky-mriz{display:flex;flex-wrap:wrap;gap:0;margin:22px 0;border-top:1px solid var(--ink)}
.rubrika-blok{flex:1 1 300px;min-width:min(100%,280px);padding:22px 24px;border-right:1px solid var(--rule);
  border-bottom:1px solid var(--rule)}
.rubrika-blok h3{margin:0 0 6px;font-family:var(--nadpisy);font-weight:400;font-size:20px;color:var(--ink)}
.rubrika-blok h3 a{color:inherit}
.rubrika-blok h3 a:hover{color:var(--accent)}
.rubrika-blok p{margin:0;font-size:13.5px;color:var(--muted)}
.rubrika-blok ul{list-style:none;padding:0;margin:12px 0 0}
.rubrika-blok li{border-top:1px solid var(--rule)}
.rubrika-blok li a{display:block;padding:8px 0;font-family:var(--nadpisy);font-size:15px;color:var(--ink);
  transition:padding-left .15s}
.rubrika-blok li a:hover{padding-left:6px;color:var(--accent)}

.chipy{display:flex;flex-wrap:wrap;gap:10px}
.chipy a{font-family:var(--ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--rule);padding:8px 16px;color:var(--ink)}
.chipy a:hover{border-color:var(--ink);color:var(--accent)}

.mapa{columns:2;column-gap:40px}
@media (max-width:760px){.mapa{columns:1}}
.mapa-blok{break-inside:avoid;margin-bottom:28px}
.mapa-blok h2{font-family:var(--nadpisy);font-weight:500;font-size:19px;margin:0 0 6px;padding-bottom:6px;
  border-bottom:1px solid var(--rule);color:var(--ink)}
.mapa-blok ul{list-style:none;padding:0;margin:0}
.mapa-blok li a{display:block;padding:5px 0;font-family:var(--ui);font-size:14.5px;color:var(--ink)}
.mapa-blok li a:hover{color:var(--accent);padding-left:5px;transition:padding-left .15s}

.hledani-form label{display:block}
.hledani-form input{font-size:18px;padding:12px 2px}
#pocet{margin-top:18px;font-family:var(--ui);font-size:13px}
.prazdno{margin-top:30px}
.reklama{margin:36px 0;border:1px solid var(--rule);min-height:120px;display:flex;align-items:center;
  justify-content:center;font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted)}
.reklama--bok{min-height:220px;margin-top:28px}

/* ---------------------------------------------------------------- patička */
.paticka{padding:clamp(32px,4vw,60px) var(--okraj) 24px}
.paticka-sloupce{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-bottom:clamp(28px,4vw,52px)}
.paticka-sloupec{flex:1 1 220px}
.paticka-sloupec--sirsi{flex:1 1 260px}
.paticka-nadpis{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
  margin-bottom:14px}
.paticka-sloupec ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.paticka-sloupec a{color:var(--ink);font-size:15px}
.paticka-sloupec a:hover{color:var(--accent)}
.paticka-sloupec p{font-size:15px;line-height:1.7;color:var(--ink);margin:0}
.paticka-upozor{font-size:13px;line-height:1.65;color:var(--muted)}
.paticka-logo{font-family:var(--nadpisy);font-weight:200;font-size:clamp(48px,11vw,168px);
  line-height:.86;letter-spacing:-.01em;color:var(--rule);user-select:none}
.paticka-spod{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);
  margin-top:22px;padding-top:14px;font-family:var(--ui);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)}

/* ---------------------------------------------------------------- kalkulačka OSVČ (nástroj webu) */
.kalkulacka{margin:26px 0 40px;border:1px solid var(--rule);padding:clamp(20px,2.5vw,32px)}
.kalk-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--ink)}
.kalk-tab{font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:12px 18px;border:none;background:transparent;color:var(--muted);cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-1px}
.kalk-tab.is-active{color:var(--ink);border-bottom-color:var(--accent)}
.kalk-row{display:flex;flex-direction:column;gap:14px;margin:18px 0}
.kalk-radio{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;cursor:pointer;color:var(--ink-body)}
.kalk-radio input{margin-top:4px}
.kalk-field{display:flex;flex-direction:column;gap:6px;font-family:var(--ui);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex:1;min-width:180px}
.kalk-field input,.kalk-field select{font:16px var(--ui);padding:9px 2px;border:none;
  border-bottom:1px solid oklch(0.7 0.02 70);background:transparent;color:var(--ink);border-radius:0;outline:none}
.kalk-field input:focus,.kalk-field select:focus{border-bottom-color:var(--ink)}
.kalk-panel .kalk-row.kalk-fields-row{flex-direction:row;flex-wrap:wrap;gap:16px}
.kalk-vysledek{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:22px 0 6px;
  padding:20px 22px;background:var(--paper-2)}
.kalk-vysledek-grid{display:flex;flex-wrap:wrap;gap:0;margin:22px 0 6px;border-top:1px solid var(--rule)}
.kalk-vysledek-grid > div{flex:1 1 200px;padding:18px 22px;background:var(--paper-2);
  border-right:1px solid var(--paper);display:flex;flex-direction:column;gap:4px}
.kalk-castka{font-family:var(--nadpisy);font-size:28px;color:var(--ink)}
.kalk-popis{font-size:12.5px;color:var(--muted);font-family:var(--ui)}
.kalk-vysledek-vedlejsi{margin:0 0 14px;font-size:13.5px}