/* Unired.cz — redesign podle designového handoffu (Newsreader/Archivo, hutný
   editoriální magazín, bez zaoblení a stínů, hierarchie přes hairline linky). */

:root{
  /* plocha a text */
  --paper:#FAF7F2;
  --paper-alt:#F1EBE0;
  --paper-shell:#EFEAE1;
  --ink:#17150F;
  --ink-body:#211E17;
  --ink-soft:#3C382F;
  --ink-muted:#5E574C;
  --ink-faint:#8A8275;
  --rule:#DDD6C9;
  --rule-strong:#C9C1B3;
  --image-bg:#E4DED2;

  /* akcent */
  --accent:#A33A26;
  --accent-soft:#C9A99E;

  /* na tmavém podkladu */
  --on-dark:#FAF7F2;
  --on-dark-muted:#BDB6A9;
  --on-dark-faint:#7E766A;
  --dark-rule:#3A362E;
  --dark-rule-2:#2C2822;

  /* rozměry */
  --sirka:1240px;
  --okraj:40px;

  /* písmo */
  --serif:'Newsreader',Georgia,'Iowan Old Style','Source Serif Pro','Noto Serif',serif;
  --sans:'Archivo',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

body{
  margin:0;background:var(--paper);color:var(--ink-body);
  font:19.5px/1.62 var(--serif);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
main{min-height:60vh;display:block}
.pruh{max-width:var(--sirka);margin:0 auto;padding:0 var(--okraj)}

h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;text-wrap:balance;
            line-height:1.15;margin:0}
p{margin:0 0 16px}
a{color:inherit;text-decoration:none;transition:color .15s ease}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--accent);color:var(--paper)}
.tichy{color:var(--ink-muted)}
.lead{font-size:20px;line-height:1.5;color:var(--ink-soft);max-width:60ch}

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

/* ---------------------------------------------------------- štítky/popisky */
.kicker{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;
        text-transform:uppercase;color:var(--accent)}
.rubrika-stitek{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;
                text-transform:uppercase;color:var(--accent)}
.rubrika-stitek:hover{color:var(--accent)}

/* ---------------------------------------------------------- hlavička: plná (homepage) */
.pruh-utility{border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:11px;
              letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted)}
.pruh-utility .pruh{height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pruh-utility .duveryhodnost{color:var(--ink)}
.pruh-utility .hledat-odkaz{color:var(--accent);border-bottom:1px solid var(--accent)}

.masthead{max-width:var(--sirka);margin:0 auto;padding:34px var(--okraj) 22px;text-align:center}
.masthead__znacka{font-family:var(--serif);font-weight:700;font-size:78px;line-height:.9;
                  letter-spacing:-.03em;color:var(--ink)}
.masthead__tagline{margin-top:14px;font-family:var(--sans);font-size:11px;letter-spacing:.28em;
                   text-transform:uppercase;color:var(--ink-muted)}

.nav-rubrik-obal{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);
                 background:var(--paper);position:sticky;top:0;z-index:20}
.nav-rubrik{max-width:var(--sirka);margin:0 auto;padding:0 var(--okraj);height:50px;
           display:flex;align-items:center;justify-content:space-between;gap:18px;
           font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.02em;
           overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.nav-rubrik::-webkit-scrollbar{display:none}
.nav-rubrik a.aktivni{color:var(--accent);font-weight:600}

/* ---------------------------------------------------------- hlavička: kompaktní (rubrika/článek) */
.nav-kompakt-obal{border-bottom:1px solid var(--ink)}
.nav-kompakt{max-width:var(--sirka);margin:0 auto;padding:0 var(--okraj);height:56px;
            display:flex;align-items:center;justify-content:space-between;
            font-family:var(--sans);font-size:12.5px}
.nav-kompakt__vlevo{display:flex;align-items:center;gap:26px;min-width:0}
.nav-kompakt__znacka{font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:-.02em;
                     color:var(--ink);white-space:nowrap}
.nav-kompakt__oddelovac{color:var(--rule)}
.nav-kompakt__kontext{color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
                      max-width:34vw}
.nav-kompakt__kontext.aktivni{color:var(--accent);font-weight:600}
.nav-kompakt__vpravo{display:flex;align-items:center;gap:20px;color:var(--ink-muted);white-space:nowrap}
.nav-kompakt__vpravo a{color:var(--accent);font-weight:600}

/* ---------------------------------------------------------- tlačítka a pilly */
.tlacitko{display:inline-block;font-family:var(--sans);font-size:14px;font-weight:600;
         background:var(--accent);color:var(--paper);padding:14px 26px;border:none;cursor:pointer}
.tlacitko:hover{color:var(--paper);opacity:.92}
.tlacitko--obrys{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:13px 30px}
.tlacitko--obrys:hover{color:var(--accent);border-color:var(--accent)}

.pill{display:inline-block;font-family:var(--sans);font-size:13px;padding:7px 14px;border-radius:999px;
     border:1px solid var(--ink)}
.pill:hover{border-color:var(--accent);color:var(--accent)}
.pill--aktivni{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pill--aktivni:hover{color:var(--paper);border-color:var(--ink)}
.pill--neaktivni{border-color:var(--rule-strong)}

/* ---------------------------------------------------------- úvodní stránka */
.hero-grid{max-width:var(--sirka);margin:0 auto;padding:36px var(--okraj) 0;display:grid;
          grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:44px;align-items:start}

.lead-clanek__obraz{aspect-ratio:16/9;overflow:hidden;background:var(--image-bg)}
.lead-clanek__obraz img{width:100%;height:100%;object-fit:cover}
.lead-clanek__stitek{display:flex;align-items:center;gap:12px;margin-top:20px;font-family:var(--sans);
                     font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.lead-clanek__stitek .hairline{width:22px;height:1px;background:var(--rule)}
.lead-clanek__stitek .typ{color:var(--ink-muted)}
.lead-clanek h1,.lead-clanek h2{font-size:54px;line-height:1.04;letter-spacing:-.022em;margin-top:12px}
.lead-clanek h1 a,.lead-clanek h2 a{color:inherit}
.lead-clanek h1 a:hover,.lead-clanek h2 a:hover{color:var(--accent)}
.lead-clanek__perex{margin-top:16px;font-size:20px;line-height:1.5;color:var(--ink-soft);
                    max-width:60ch}
.lead-clanek__byline{margin-top:18px;display:flex;align-items:center;gap:14px;font-family:var(--sans);
                     font-size:12px;color:var(--ink-muted)}
.tecka{width:3px;height:3px;border-radius:50%;background:var(--rule-strong);flex:none}

.rail{border-left:1px solid var(--rule);padding-left:34px}
.rail__hlavicka{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
                color:var(--ink);padding-bottom:12px;border-bottom:2px solid var(--ink)}
.rail ol{list-style:none;margin:0;padding:0}
.rail li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule)}
.rail li:last-child{border-bottom:0}
.rail__cislo{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--accent);
            padding-top:4px;min-width:16px}
.rail__nadpis{font-size:21px;line-height:1.2;font-weight:500;display:block;letter-spacing:-.01em}
.rail__meta{margin-top:6px;font-family:var(--sans);font-size:11px;color:var(--ink-muted);
           letter-spacing:.04em}

.duvera-box{margin-top:26px;background:var(--paper-alt);border:1px solid var(--rule);padding:18px 20px}
.duvera-box__label{font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
                   color:var(--ink-muted)}
.duvera-box p{margin:10px 0 0;font-size:16px;line-height:1.45;color:var(--ink-soft)}
.duvera-box a{display:inline-block;margin-top:12px;font-family:var(--sans);font-size:12px;
              font-weight:600;color:var(--accent);border-bottom:1px solid var(--accent)}

.sezona{max-width:var(--sirka);margin:44px auto 0;padding:0 var(--okraj)}
.sezona__vnitrek{background:var(--ink);color:var(--on-dark);padding:30px 36px;display:grid;
                 grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:40px;align-items:center}
.sezona__kicker{font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
                color:var(--accent-soft)}
.sezona h2{margin-top:10px;font-size:34px;line-height:1.1;letter-spacing:-.02em}
.sezona p{margin:8px 0 0;font-size:17px;line-height:1.45;color:var(--on-dark-muted)}
.sezona__odkazy{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.sezona__odkazy a{border-top:1px solid var(--dark-rule);padding:13px 0;font-size:19px;display:block}
.sezona__odkazy a:hover{color:var(--accent-soft)}

.sekce{max-width:var(--sirka);margin:0 auto;padding:48px var(--okraj) 0}
.sekce__hlava{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;
             border-bottom:2px solid var(--ink);padding-bottom:12px}
.sekce__hlava h2{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
                 font-weight:600}
.sekce__hlava a,.sekce__hlava span.tichy{font-family:var(--sans);font-size:12px}

/* ---------------------------------------------------------- karty */
.mriz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 34px;padding-top:30px}
@media (max-width:900px){.mriz{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.mriz{grid-template-columns:1fr}}

.karta__obraz{aspect-ratio:4/3;overflow:hidden;background:var(--image-bg)}
.karta__obraz img{width:100%;height:100%;object-fit:cover}
.karta .kicker{display:block;margin-top:14px;font-size:10.5px}
.karta h3{margin-top:8px;font-size:25px;font-weight:600;line-height:1.16;letter-spacing:-.015em}
.karta h3 a:hover{color:var(--accent)}
.karta p{margin-top:8px;font-size:16.5px;line-height:1.45;color:var(--ink-soft)}
.karta .cas{margin-top:10px;font-family:var(--sans);font-size:11px;color:var(--ink-muted)}

.karta--ctete-dal .karta__obraz{aspect-ratio:16/10}
.karta--ctete-dal .kicker{margin-top:12px}
.karta--ctete-dal h3{margin-top:6px;font-size:23px;line-height:1.15}
.karta--ctete-dal p,.karta--ctete-dal .cas{display:none}
.lazne-karta__stitky{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

/* řádková položka (výpis rubriky) */
.radek{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:22px 0;
      border-bottom:1px solid var(--rule)}
.radek__obraz{aspect-ratio:4/3;overflow:hidden;background:var(--image-bg)}
.radek__obraz img{width:100%;height:100%;object-fit:cover}
.radek h3{font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.015em}
.radek h3 a:hover{color:var(--accent)}
.radek p{margin-top:8px;font-size:16.5px;line-height:1.45;color:var(--ink-soft)}
.radek .meta{margin-top:10px;font-family:var(--sans);font-size:11.5px;color:var(--ink-muted)}
@media (max-width:640px){.radek{grid-template-columns:1fr}}

/* ---------------------------------------------------------- rozcestník rubrik */
.rubriky-mriz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid var(--rule)}
@media (max-width:900px){.rubriky-mriz{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.rubriky-mriz{grid-template-columns:1fr}}
.rubrika-bunka{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px 24px}
.rubrika-bunka__hlava{display:flex;align-items:baseline;justify-content:space-between}
.rubrika-bunka__hlava a{font-size:24px;font-weight:600;letter-spacing:-.015em}
.rubrika-bunka__hlava a:hover{color:var(--accent)}
.rubrika-bunka__pocet{font-family:var(--sans);font-size:11px;color:var(--ink-faint)}
.rubrika-bunka__odkazy{display:flex;flex-direction:column;gap:7px;margin-top:12px;
                       font-family:var(--sans);font-size:13.5px;color:var(--ink-soft)}
.rubrika-bunka__odkazy a:hover{color:var(--accent)}

.stitky-radek{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 0 0}
.stitky-radek .label{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
                     color:var(--ink-muted)}

/* ---------------------------------------------------------- newsletter */
.newsletter{max-width:var(--sirka);margin:56px auto 0;padding:0 var(--okraj)}
.newsletter__vnitrek{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:34px 0;
                     display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:48px;
                     align-items:center}
.newsletter h2{font-size:34px;line-height:1.1;letter-spacing:-.02em}
.newsletter p{margin:10px 0 0;font-size:17px;color:var(--ink-muted);line-height:1.45}
.newsletter form{display:flex;gap:10px}
.newsletter input{flex:1;font-family:var(--sans);font-size:15px;padding:14px 16px;border:1px solid var(--ink);
                  background:var(--paper);color:var(--ink);outline:none;min-width:0}
.newsletter button{font-family:var(--sans);font-size:14px;font-weight:600;padding:14px 26px;
                   background:var(--accent);color:var(--paper);border:none;cursor:pointer}
@media (max-width:700px){.newsletter__vnitrek{grid-template-columns:1fr}.newsletter form{flex-wrap:wrap}}

/* ---------------------------------------------------------- patička */
.paticka{background:var(--ink);color:var(--on-dark-muted);margin-top:56px;font-family:var(--sans)}
.paticka__pruh{max-width:var(--sirka);margin:0 auto;padding:44px var(--okraj);display:grid;
               grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
@media (max-width:820px){.paticka__pruh{grid-template-columns:1fr 1fr}}
.znacka-p{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--on-dark);letter-spacing:-.02em}
.paticka__popis{margin:10px 0 0;font-size:13.5px;line-height:1.55;max-width:34ch}
.paticka h2{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-faint);margin:0}
.paticka ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px}
.paticka a{font-size:13.5px;color:var(--on-dark-muted)}
.paticka a:hover{color:var(--on-dark)}
.paticka__spodek{border-top:1px solid var(--dark-rule-2)}
.paticka__spodek .pruh{padding:16px var(--okraj);font-size:11.5px;color:var(--on-dark-faint)}

/* ---------------------------------------------------------- výpisy (rubrika, štítky, mapa…) */
.vypis,.text-stranka{max-width:var(--sirka);margin:0 auto;padding:40px var(--okraj) 60px}
.text-stranka{max-width:78ch}
.text-stranka h1{margin-top:12px;font-size:48px;line-height:1.05;letter-spacing:-.02em}
.text-stranka h2{margin-top:40px;font-size:26px;line-height:1.2}
.text-stranka p{font-size:18px;line-height:1.6;color:var(--ink-body)}
.text-stranka ul{padding-left:22px;font-size:18px;line-height:1.6}
.text-stranka li{margin-bottom:8px}
.vypis__hlava{padding-bottom:0}
.vypis__hlava .kicker{font-size:11px}
.vypis__hlava h1{margin-top:12px;font-size:64px;line-height:1;letter-spacing:-.03em}
.vypis__hlava .lead{margin-top:14px;font-size:20px;max-width:64ch}

.drobecky{font-family:var(--sans);font-size:12.5px;color:var(--ink-muted);margin-bottom:16px;
          display:flex;gap:8px;flex-wrap:wrap}
.drobecky a:hover{color:var(--accent)}
.drobecky a::after,.drobecky span::before{content:"›";margin-left:8px;color:var(--rule)}
.drobecky span::before{content:"";margin:0}

.filtr-pilly{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-bottom:22px;
            border-bottom:2px solid var(--ink)}

.telo-rubriky{max-width:var(--sirka);margin:0 auto;padding:30px var(--okraj) 60px;display:grid;
             grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:44px;align-items:start}
@media (max-width:960px){.telo-rubriky,.hero-grid{grid-template-columns:1fr}}

.nacist-dalsi{display:flex;justify-content:center;padding-top:28px}

.sidebar{border-left:1px solid var(--rule);padding-left:34px;display:flex;flex-direction:column;gap:30px}
@media (max-width:960px){.sidebar{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:30px}}
.sidebar__blok .rail__hlavicka{margin-bottom:0}
.sidebar__seznam{display:flex;flex-direction:column}
.sidebar__seznam a{font-size:19px;padding:13px 0;border-bottom:1px solid var(--rule);line-height:1.2}
.sidebar__seznam a:last-child{border-bottom:0}

.nastroj-promo{background:var(--ink);color:var(--on-dark);padding:22px 24px}
.nastroj-promo .kicker{color:var(--accent-soft)}
.nastroj-promo h3{margin-top:8px;font-size:26px;line-height:1.1}
.nastroj-promo p{margin:8px 0 0;font-size:15.5px;line-height:1.45;color:var(--on-dark-muted)}
.nastroj-promo a.tlacitko{margin-top:14px;padding:11px 18px}

.rubriky-mriz-vypis{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:22px 0}
.rubrika-blok{border:1px solid var(--rule);padding:18px 20px}
.rubrika-blok h3{margin:0 0 4px;font-size:19px}
.rubrika-blok h3 a:hover{color:var(--accent)}
.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(--sans);font-size:15px}
.rubrika-blok li a:hover{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-size:19px;margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
.mapa-blok ul{list-style:none;padding:0;margin:0}
.mapa-blok li a{display:block;padding:5px 0;font-family:var(--sans);font-size:15px}
.mapa-blok li a:hover{color:var(--accent)}

/* ---------------------------------------------------------- článek */
.clanek{max-width:var(--sirka);margin:0 auto;padding:44px var(--okraj) 0;display:grid;
       grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto;gap:56px;align-items:start}
.clanek__hlava{grid-column:1;grid-row:1}
.clanek__text{grid-column:1;grid-row:2}
.clanek__sidebar{grid-column:2;grid-row:1 / 3}
@media (max-width:960px){
  .clanek{grid-template-columns:1fr;gap:0}
  .clanek__hlava,.clanek__text,.clanek__sidebar{grid-column:1}
  .clanek__sidebar{grid-row:auto;position:static;margin-top:40px}
}
.clanek__hlava .kicker{font-size:11px}
.clanek__hlava h1{margin-top:14px;font-size:58px;line-height:1.03;letter-spacing:-.03em;max-width:20ch}
.perex{margin-top:18px;font-size:22px;line-height:1.45;color:var(--ink-soft);max-width:56ch}
.clanek__meta{margin-top:24px;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
             display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--sans);
             font-size:12.5px;color:var(--ink-muted)}
.clanek__meta .autor{color:var(--ink);font-weight:600}

.hero-obraz{margin-top:26px;aspect-ratio:16/9;overflow:hidden;background:var(--image-bg)}
.hero-obraz img{width:100%;height:100%;object-fit:cover}
.hero-obraz-popis{margin-top:8px;font-family:var(--sans);font-size:11.5px;color:var(--ink-faint)}

.clanek__text{margin-top:34px;max-width:66ch;min-width:0}
.clanek__text p{margin:0 0 20px;font-size:19.5px;line-height:1.62;color:var(--ink-body)}
.clanek__text h2{margin:34px 0 0;font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.02em;
                 scroll-margin-top:20px}
.clanek__text h2 + p,.clanek__text h2 + ul,.clanek__text h2 + ol{margin-top:12px}
.clanek__text h3{margin:26px 0 0;font-size:22px;font-weight:600;line-height:1.2;scroll-margin-top:20px}
.clanek__text h3 + p,.clanek__text h3 + ul{margin-top:10px}
.clanek__text ul,.clanek__text ol{margin:16px 0 0;padding-left:22px;font-size:19.5px;line-height:1.62;
                                   color:var(--ink-body)}
.clanek__text li{margin-bottom:8px}
.clanek__text strong{font-weight:600}

.kostka{margin:26px 0 0;max-width:66ch;background:var(--paper-alt);border:1px solid var(--rule);
       padding:22px 24px}
.kostka h2{margin:0;font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
          color:var(--ink-muted);font-weight:600}
.kostka ul{margin:10px 0 0;padding-left:20px;font-size:16px;line-height:1.5;color:var(--ink-soft)}
.kostka li{margin-bottom:8px}
.kostka li:last-child{margin-bottom:0}

figure{margin:30px 0;max-width:66ch}
figcaption{font-family:var(--sans);font-size:11.5px;color:var(--ink-faint);margin-top:8px}

.tabulka-obal{overflow-x:auto;margin:26px 0;max-width:66ch;border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:15px}
caption{text-align:left;font-size:13px;color:var(--ink-muted);padding:12px 16px 4px}
th,td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--rule)}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:600}
tbody tr:last-child td{border-bottom:0}

.faq{margin-top:38px;max-width:66ch;border-top:2px solid var(--ink);padding-top:22px}
.faq h2{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.faq dl{margin:16px 0 0}
.faq dt{font-size:21px;font-weight:600;line-height:1.25}
.faq dd{margin:6px 0 0;font-size:18px;line-height:1.55;color:var(--ink-soft);padding-bottom:14px;
        border-bottom:1px solid var(--rule)}
.faq dd:last-child{border-bottom:0}

.duvera-clanek{margin-top:34px;max-width:66ch;background:var(--paper-alt);border:1px solid var(--rule);
              padding:22px 24px}
.duvera-clanek__label{font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
                      color:var(--ink-muted)}
.duvera-clanek p{margin:10px 0 0;font-size:17px;line-height:1.5;color:var(--ink-soft)}

.stitek-radek{margin-top:34px;max-width:66ch;font-family:var(--sans);font-size:14px;color:var(--ink-muted)}
.stitek-radek a:hover{color:var(--accent)}

.clanek__sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:28px}
.obsah-clanku{border-top:2px solid var(--ink);padding-top:12px}
.obsah-clanku h2{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
                 color:var(--ink-muted)}
.obsah-clanku__seznam{margin:14px 0 0;display:flex;flex-direction:column;gap:10px;
                 font-family:var(--sans);font-size:13.5px}
.obsah-clanku a:hover,.obsah-clanku a.aktivni{color:var(--accent);font-weight:600}

.souvisejici-bok{border-top:1px solid var(--rule);padding-top:16px}
.souvisejici-bok h2{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
                    color:var(--ink-muted)}
.souvisejici-bok .sidebar__seznam{margin-top:14px;gap:14px}
.souvisejici-bok .sidebar__seznam a{font-size:19px;line-height:1.2;padding:0;border-bottom:0}

.ctete-dal{max-width:var(--sirka);margin:0 auto;padding:54px var(--okraj) 70px}
.ctete-dal .sekce__hlava{border-bottom:2px solid var(--ink);padding-bottom:12px}
.ctete-dal .mriz{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media (max-width:900px){.ctete-dal .mriz{grid-template-columns:1fr}}

/* ---------------------------------------------------------- newsletter (starší formulář na jiných stránkách) */
.hledani input{width:100%;padding:15px 20px;border:1px solid var(--ink);background:var(--paper);
               color:var(--ink);font:17px var(--sans);margin-top:8px}
.hledani input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.prazdno{margin-top:30px}

.hledani--filtr{display:flex;gap:20px;flex-wrap:wrap}
.hledani--filtr>div{flex:1 1 220px}
.hledani--filtr label{display:block;font-family:var(--sans);font-size:13px;font-weight:600;
                       letter-spacing:.03em;margin-bottom:6px;color:var(--ink-muted)}
.hledani--filtr select{width:100%;padding:12px 16px;border:1px solid var(--ink);background:var(--paper);
                        color:var(--ink);font:16px var(--sans)}
.hledani--filtr select:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}

/* ---------------------------------------------------------- odezva na menší šířky
   Prototyp byl navržený na ~1440px, breakpointy jsou doporučení z handoffu. */
@media (max-width:1199px){
  :root{--okraj:24px}
  .masthead__znacka{font-size:60px}
}
@media (max-width:900px){
  .pruh-utility .duveryhodnost{display:none}
  .masthead__znacka{font-size:44px}
  .lead-clanek h1,.lead-clanek h2{font-size:34px;line-height:1.1}
  .vypis__hlava h1{font-size:40px}
  .clanek__hlava h1{font-size:36px}
  .clanek__text p,.clanek__text ul,.clanek__text ol{font-size:18px;line-height:1.6}
  .telo-rubriky .radek{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pruh-utility .pruh{flex-wrap:wrap;height:auto;padding:8px var(--okraj);gap:6px 16px}
  .nav-kompakt__vlevo{gap:14px}
  .nav-kompakt__vpravo span{display:none}
}