/* =====================================================================
   Beyond the Headline — vzhled webu
   Klidný, čitelný, bez blikání. Světlý i tmavý režim.
   ===================================================================== */
:root{
  --bg:#faf8f4; --bg-soft:#f2eee6; --card:#ffffff;
  --ink:#1a1714; --ink-soft:#5c554c; --line:#e2dbd0;
  --accent:#8a5a2b; --accent-soft:#f0e4d4;
  --scripture-bg:#f6efe3; --scripture-line:#c9a874;
  --max:44rem;
}
html[data-theme="dark"]{
  --bg:#14120f; --bg-soft:#1c1915; --card:#1b1815;
  --ink:#efe9e0; --ink-soft:#a89e91; --line:#302a24;
  --accent:#d9a566; --accent-soft:#2a2119;
  --scripture-bg:#211b14; --scripture-line:#8a6a3c;
}
@media (prefers-color-scheme: dark){
  html[data-theme="auto"]{
    --bg:#14120f; --bg-soft:#1c1915; --card:#1b1815;
    --ink:#efe9e0; --ink-soft:#a89e91; --line:#302a24;
    --accent:#d9a566; --accent-soft:#2a2119;
    --scripture-bg:#211b14; --scripture-line:#8a6a3c;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:17px/1.65 Georgia,"Iowan Old Style","Times New Roman",serif;
}
a{color:inherit}
img{max-width:100%;display:block}

.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.wide{max-width:64rem;margin:0 auto;padding:0 1.25rem}

/* ---------- hlavička ---------- */
header.site{border-bottom:1px solid var(--line);background:var(--bg)}
/* --- hlavička jako v tištěných novinách --- */
.masthead{max-width:64rem;margin:0 auto;padding:1.5rem 1.25rem .9rem;text-align:center;position:relative}
.mast-date{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:.55rem}
.logo{display:inline-block;font-size:clamp(1.9rem,4.4vw,2.9rem);font-weight:700;
  letter-spacing:-.028em;text-decoration:none;line-height:1.05}
.mast-tag{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-soft);margin-top:.5rem}
header.site .inner{
  max-width:64rem;margin:0 auto;padding:.6rem 1.25rem .7rem;
  border-top:1px solid var(--line);display:flex;justify-content:center
}
nav.sections{display:flex;gap:1.15rem;flex-wrap:wrap;justify-content:center;
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem;letter-spacing:.07em;
  text-transform:uppercase;white-space:nowrap;-webkit-overflow-scrolling:touch}
nav.sections::-webkit-scrollbar{display:none}
nav.sections a{color:var(--ink-soft);text-decoration:none;padding:.3rem 0;
  border-bottom:2px solid transparent;transition:color .12s}
nav.sections a:hover,nav.sections a.on{color:var(--ink);border-color:var(--accent)}
@media (max-width:700px){
  .masthead{padding:1.1rem 1.25rem .7rem}
  nav.sections{gap:1rem;font-size:.72rem}
}
.langs{position:absolute;top:1.15rem;right:1.25rem;display:flex;align-items:center;gap:.3rem;
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;color:var(--ink-soft)}
@media (max-width:600px){.langs{top:.7rem;right:.8rem}}
.langs a{text-decoration:none;padding:.12rem .38rem;border:1px solid var(--line);border-radius:5px;
  color:var(--ink-soft)}
.langs a:hover{color:var(--accent);border-color:var(--accent)}
.langs a.on{background:var(--accent-soft);border-color:var(--accent)}

/* ---------- denní přehled ---------- */
.briefing{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:2rem 0}
.briefing h2{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;
  font-family:ui-sans-serif,system-ui,sans-serif;color:var(--accent);margin:0 0 1rem}
.briefing ol{margin:0;padding-left:1.3rem}
.briefing li{margin-bottom:.7rem}
.briefing li a{text-decoration:none;font-weight:600}
.briefing li a:hover{text-decoration:underline}
.briefing li span{display:block;color:var(--ink-soft);font-size:.92rem;font-weight:400}

/* ---------- výpis článků ---------- */
.lead{padding:2.5rem 0 1rem}
.lead h1{font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.12;letter-spacing:-.02em;margin:.4rem 0 .6rem}
.lead h1 a{text-decoration:none}
.lead .dek{color:var(--ink-soft);font-size:1.12rem}

.grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding:1.5rem 0 3rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .15s ease}
.card:hover{transform:translateY(-2px)}
.card img{aspect-ratio:1200/630;object-fit:cover}
.card .body{padding:.9rem 1rem 1.1rem}
.card h3{margin:.2rem 0 .4rem;font-size:1.08rem;line-height:1.25}
.card h3 a{text-decoration:none}
.card p{margin:0;color:var(--ink-soft);font-size:.92rem}

.kicker{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--accent)}

/* ---------- článek ---------- */
article.post{padding:2.5rem 0 4rem}
article.post h1{font-size:clamp(1.8rem,4.6vw,2.6rem);line-height:1.15;letter-spacing:-.02em;margin:.5rem 0 .7rem}
article.post .dek{font-size:1.18rem;color:var(--ink-soft);margin-bottom:1.2rem}
.meta{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;color:var(--ink-soft);
  display:flex;gap:.9rem;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);padding:.7rem 0;margin-bottom:2rem}
.badge{display:inline-block;padding:.1rem .5rem;border-radius:99px;font-size:.72rem;
  background:var(--accent-soft);color:var(--accent);border:1px solid var(--line)}
.cover{border-radius:10px;margin-bottom:2rem}

.layer{margin:0 0 2.6rem}
.layer > h2{font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;
  font-family:ui-sans-serif,system-ui,sans-serif;color:var(--accent);
  margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem}
.layer p{margin:0 0 1rem}

.sources{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2.5rem;
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.86rem}
.sources h3{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .6rem}
.sources li{margin-bottom:.35rem;color:var(--ink-soft)}
.sources a{color:var(--accent)}

.nextstep{margin-top:3rem;padding:1.6rem 1.5rem;border:1px dashed var(--line);border-radius:10px;
  text-align:center;background:var(--bg-soft)}
.nextstep p{margin:0 0 .8rem;color:var(--ink-soft)}
.nextstep a{display:inline-block;padding:.6rem 1.2rem;border-radius:99px;text-decoration:none;
  background:var(--accent);color:#fff;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem}

/* ---------- patička ---------- */
footer.site{border-top:1px solid var(--line);margin-top:3rem;padding:2.5rem 0;
  color:var(--ink-soft);font-size:.88rem;font-family:ui-sans-serif,system-ui,sans-serif}
footer.site a{color:var(--ink-soft)}
footer.site .cols{max-width:64rem;margin:0 auto;padding:0 1.25rem;display:flex;gap:2.5rem;flex-wrap:wrap}

blockquote{border-left:3px solid var(--scripture-line);margin:1.2rem 0;padding:.2rem 0 .2rem 1.1rem;
  color:var(--ink-soft);font-style:italic}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
code{background:var(--bg-soft);padding:.1rem .3rem;border-radius:4px;font-size:.9em}


/* ---------- portálová titulní strana ---------- */
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;padding:2.5rem 0 1rem}
.hero-img img{border-radius:10px;aspect-ratio:1200/630;object-fit:cover}
.hero-text h1,.hero-text h2{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12;letter-spacing:-.02em;
  margin:.4rem 0 .6rem}
.hero-text h1 a,.hero-text h2 a{text-decoration:none}
.hero-text .dek{color:var(--ink-soft);font-size:1.08rem;margin:0}
@media (max-width:760px){.hero{grid-template-columns:1fr;gap:1rem;padding-top:1.5rem}}

.grid.tight{gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));padding:.6rem 0 0}
.card.small h3{font-size:.98rem;line-height:1.3;margin:.15rem 0 0}
.card.small .body{padding:.7rem .8rem .9rem}

.row{border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1.4rem}
.rowhead{font-size:1.05rem;letter-spacing:.02em;margin:0}
.rowhead a{text-decoration:none;color:var(--ink)}
.rowhead a:hover{color:var(--accent)}

/* ---------- kredit pod obrázkem ---------- */
figure.cover{margin:0 0 2rem}
figure.cover img{border-radius:10px}
figure.cover figcaption{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.74rem;
  color:var(--ink-soft);margin-top:.45rem;text-align:right}
figure.cover figcaption a{color:var(--ink-soft)}

/* ---------- závěrečná vrstva ---------- */
.layer-deeper{background:var(--scripture-bg);border-left:3px solid var(--scripture-line);
  padding:1.7rem 1.6rem .9rem;border-radius:0 8px 8px 0}
.layer-reflect{background:var(--card);border:1px solid var(--line);
  padding:1.6rem 1.5rem .9rem;border-radius:10px}
.layer-reflect ul{padding-left:1.2rem}
.layer-reflect li{margin-bottom:.5rem}


/* ---------- převzatý článek ---------- */
.syndicated-note{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;
  padding:.85rem 1rem;margin:0 0 2rem;font-family:ui-sans-serif,system-ui,sans-serif;
  font-size:.83rem;color:var(--ink-soft);line-height:1.5}
.syndicated-note a{color:var(--accent)}
.layer.body h3{font-size:1.15rem;margin:2rem 0 .6rem}


/* ---------- tabule předpovědí ---------- */
.scorebox{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 .8rem;
  background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:1.2rem}
.scorebox div{text-align:center}
.scorebox strong{display:block;font-size:1.5rem;line-height:1.2}
.scorebox span{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;
  text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}
.fineprint{font-size:.86rem;color:var(--ink-soft)}
.fclist{list-style:none;padding:0;margin:1rem 0 2.5rem}
.fclist li{display:flex;gap:1rem;align-items:flex-start;border-top:1px solid var(--line);padding:.9rem 0}
.fclist .prob{flex:0 0 3.6rem;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.fclist em{display:block;font-style:normal;font-size:.86rem;color:var(--ink-soft);margin-top:.25rem}
.fclist li.hit .prob{color:#3f7d4f}
.fclist li.miss .prob{color:#a8503f}


/* ---------- nabídka k převzetí ---------- */
details.republish{margin-top:2.5rem;border:1px solid var(--line);border-radius:10px;
  padding:.9rem 1.1rem;background:var(--bg-soft)}
details.republish summary{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;
  color:var(--accent);cursor:pointer}
details.republish .muted{font-size:.82rem;color:var(--ink-soft);margin:.6rem 0 .5rem}
details.republish textarea{width:100%;min-height:9rem;font-family:ui-monospace,monospace;
  font-size:.72rem;line-height:1.5;background:var(--card);color:var(--ink);
  border:1px solid var(--line);border-radius:7px;padding:.6rem}


/* ---------- související články ---------- */
.related{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.4rem}
.related h3{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  font-family:ui-sans-serif,system-ui,sans-serif;color:var(--accent);margin:0 0 .9rem}
.related ul{list-style:none;padding:0;margin:0}
.related li{padding:.75rem 0;border-bottom:1px solid var(--line)}
.related li:last-child{border-bottom:0}
.related li a{text-decoration:none;font-weight:600;display:block}
.related li a:hover{color:var(--accent)}
.related .kicker{display:block;margin-bottom:.15rem}
.related em{display:block;font-style:normal;color:var(--ink-soft);font-size:.9rem;margin-top:.2rem}

/* ---------- přihlášení k odběru ---------- */
.signup{background:var(--bg-soft);border-top:1px solid var(--line);padding:2.8rem 0;margin-top:3rem}
.signup h2{font-size:1.35rem;margin:0 0 .4rem;letter-spacing:-.01em}
.signup p{color:var(--ink-soft);margin:0 0 1.1rem;max-width:34rem}
.signup form{display:flex;gap:.6rem;flex-wrap:wrap;max-width:30rem}
.signup input{flex:1;min-width:12rem;padding:.65rem .8rem;border:1px solid var(--line);
  border-radius:8px;background:var(--card);color:var(--ink);font:inherit;font-size:.95rem}
.signup button{padding:.65rem 1.3rem;border:0;border-radius:8px;background:var(--accent);
  color:#fff;font:inherit;font-size:.95rem;cursor:pointer}
.signup button:hover{filter:brightness(1.08)}
.signup .soon{font-size:.9rem;font-style:italic;margin:.7rem 0 0}
/* dokud není kam adresu poslat, je políčko vidět, ale nečinné —
   krabička, která nic neudělá, by byla slib naprázdno */
.signup .nl-off input,.signup .nl-off button{opacity:.55;cursor:not-allowed}
.signup .nl-thanks{font-size:.92rem;margin:0;max-width:30rem;color:var(--ink)}
.signup .nl-thanks[hidden]{display:none}
.signup .nl-priv{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.74rem;line-height:1.5;
  color:var(--ink-soft);margin:.8rem 0 0;max-width:30rem}


/* ---------- dvousloupcové rozvržení s proužkem zpráv ---------- */
.withside{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:2.5rem;align-items:start}
.withside .mainside{min-width:0}
@media (max-width:900px){.withside{grid-template-columns:1fr;gap:1.5rem}}

aside.ticker{position:sticky;top:1rem;background:var(--card);border:1px solid var(--line);
  border-radius:11px;padding:1.1rem 1.2rem 1rem;margin-top:2.5rem}
aside.ticker h2{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  font-family:ui-sans-serif,system-ui,sans-serif;color:var(--accent);margin:0 0 .9rem;
  display:flex;align-items:center;gap:.45rem}
aside.ticker h2::before{content:"";width:7px;height:7px;border-radius:50%;background:#c0483a;
  box-shadow:0 0 0 0 rgba(192,72,58,.6);animation:tep 2.2s infinite}
@keyframes tep{70%{box-shadow:0 0 0 7px rgba(192,72,58,0)}100%{box-shadow:0 0 0 0 rgba(192,72,58,0)}}
aside.ticker ol{list-style:none;padding:0;margin:0;counter-reset:t}
aside.ticker li{padding:.62rem 0;border-bottom:1px solid var(--line);font-size:.88rem;line-height:1.4}
aside.ticker li:last-of-type{border-bottom:0}
aside.ticker li a{text-decoration:none;color:var(--ink)}
aside.ticker li a:hover{color:var(--accent)}
aside.ticker li.hot a{font-weight:600}
aside.ticker li em{display:block;font-style:normal;font-size:.73rem;color:var(--ink-soft);margin-top:.2rem;
  font-family:ui-sans-serif,system-ui,sans-serif}
aside.ticker .note{font-size:.72rem;color:var(--ink-soft);margin:.9rem 0 0;line-height:1.45;
  font-family:ui-sans-serif,system-ui,sans-serif;border-top:1px solid var(--line);padding-top:.7rem}

/* hlavní článek uvnitř užšího sloupce vypadá líp na výšku */
.withside .hero{grid-template-columns:1fr;gap:1rem;padding:2rem 0 .5rem}
.withside .hero-img img{aspect-ratio:16/8}
.withside .hero-text h1,.withside .hero-text h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.withside .grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}


/* ---------- přepínač světlý / tmavý ---------- */
.themebtn{margin-left:.45rem;background:none;border:1px solid var(--line);border-radius:6px;
  color:var(--ink-soft);cursor:pointer;padding:.2rem .35rem;line-height:0;vertical-align:middle}
.themebtn:hover{color:var(--accent);border-color:var(--accent)}
.themebtn .moon{display:none}
html[data-theme="dark"] .themebtn .sun{display:none}
html[data-theme="dark"] .themebtn .moon{display:block}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"] .themebtn .sun{display:none}
  html[data-theme="auto"] .themebtn .moon{display:block}
}

/* ---------- karty bez fotky: textové, jako v novinách ---------- */
.card.notext{}
.card.nopic{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding-top:.7rem}
.card.nopic .body{padding:0}
.card.nopic h3{font-size:1.12rem;line-height:1.25;margin:.3rem 0 .35rem}
.card.nopic p{font-size:.9rem}
.card.nopic:hover{transform:none}
.card.nopic:hover h3 a{color:var(--accent)}

.hero.nopic{grid-template-columns:1fr;border-top:3px solid var(--ink);padding-top:1.2rem}
.hero.nopic .hero-text h1,.hero.nopic .hero-text h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}

.row .card.small.nopic{border-top:1px solid var(--line);padding-top:.6rem}
.row .card.small.nopic h3{font-size:.98rem}

/* ---------- typografické doladění ---------- */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
.lead h1,.hero-text h1,.hero-text h2,article.post h1{letter-spacing:-.021em}
article.post .layer p{margin:0 0 1.15rem}
.card h3 a{transition:color .12s ease}
.grid{align-items:start}
figure.cover img{box-shadow:0 1px 2px rgba(0,0,0,.06)}


/* ---------- myšlenka dne: tenký pruh nad novinami ----------
   Jedna linka pod hlavičkou a nic víc: žádná karta, žádná plocha barvy.
   Na jednom řádku, dokud se tam vejde, na mobilu se zalomí. */
.dayline{border-bottom:1px solid var(--line);padding:.75rem 0 .8rem}
.dayline .wide{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .85rem}
.dayline-lab{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.66rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);flex:0 0 auto}
.dayline-q{font-style:italic;font-size:1rem;line-height:1.5;color:var(--ink);
  flex:1 1 18rem;min-width:0;quotes:none}
.dayline-by{font-style:normal;font-size:.78rem;color:var(--ink-soft);white-space:nowrap;
  font-family:ui-sans-serif,system-ui,sans-serif;flex:0 0 auto}
@media (max-width:600px){
  .dayline{padding:.65rem 0 .7rem}
  .dayline .wide{gap:.1rem .7rem}
  .dayline-q{flex-basis:100%;font-size:.95rem}
}

/* ---------- citát ve sloupci vedle zpráv ---------- */
.sidecol{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;margin-top:2.5rem}
.sidecol aside.ticker{position:static;margin-top:0}
aside.sidequote{background:var(--scripture-bg);border-left:3px solid var(--scripture-line);
  border-radius:0 10px 10px 0;padding:1.1rem 1.2rem}
aside.sidequote h2{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  font-family:ui-sans-serif,system-ui,sans-serif;color:var(--accent);margin:0 0 .7rem}
aside.sidequote blockquote{margin:0;border:0;padding:0;font-size:1.02rem;line-height:1.5;
  font-style:italic;color:var(--ink)}
aside.sidequote cite{display:block;margin-top:.6rem;font-style:normal;font-size:.8rem;
  color:var(--ink-soft);font-family:ui-sans-serif,system-ui,sans-serif}
@media (max-width:900px){.sidecol{position:static;margin-top:1.5rem}}


/* =====================================================================
   Nastavení čtení — kolik toho a jak natvrdo
   Nic se nemaže. Skryté karty se dají kdykoli vrátit, těžký článek
   rozbalit. Vzhled zůstává novinový: linky, žádné stíny navíc.
   ===================================================================== */

/* --- tlačítko v hlavičce --- */
.readerbtn{margin-left:.35rem;background:none;border:1px solid var(--line);border-radius:6px;
  color:var(--ink-soft);cursor:pointer;padding:.2rem .35rem;line-height:0;vertical-align:middle}
.readerbtn:hover{color:var(--accent);border-color:var(--accent)}

/* --- panel --- */
.reader-panel{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;
  justify-content:center;padding:1.5rem 1rem;overflow-y:auto}
.reader-panel[hidden]{display:none}
.reader-veil{position:fixed;inset:0;background:rgba(20,18,15,.45)}
.reader-box{position:relative;width:100%;max-width:30rem;background:var(--card);
  border:1px solid var(--line);border-radius:11px;padding:1.5rem 1.5rem 1.3rem;
  margin:auto;box-shadow:0 1px 2px rgba(0,0,0,.06);
  font-family:ui-sans-serif,system-ui,sans-serif}
.reader-box:focus{outline:none}
.reader-box h2{font-size:1.15rem;line-height:1.25;margin:0 .5rem .5rem 0;
  font-family:Georgia,"Iowan Old Style","Times New Roman",serif;letter-spacing:-.01em}
.reader-intro{font-size:.86rem;line-height:1.55;color:var(--ink-soft);margin:0 0 1.4rem}
.reader-x{position:absolute;top:.8rem;right:.8rem;background:none;border:1px solid var(--line);
  border-radius:6px;color:var(--ink-soft);cursor:pointer;padding:.2rem .35rem;line-height:0}
.reader-x:hover{color:var(--accent);border-color:var(--accent)}

/* --- posuvníky se třemi stupni --- */
.reader-set{border:0;padding:0;margin:0 0 1.5rem}
.reader-mute{border-top:1px solid var(--line);padding-top:1.1rem}
.reader-lab{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin:0 0 .7rem;padding:0}
.reader-range{width:100%;margin:0;accent-color:var(--accent);background:transparent;cursor:pointer}
.reader-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.reader-ticks{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.35rem 0 0;
  font-size:.74rem;color:var(--ink-soft)}
.reader-ticks span:nth-child(2){text-align:center}
.reader-ticks span:nth-child(3){text-align:right}
.reader-set[data-v="1"] .reader-ticks span:nth-child(1),
.reader-set[data-v="2"] .reader-ticks span:nth-child(2),
.reader-set[data-v="3"] .reader-ticks span:nth-child(3){color:var(--ink);font-weight:600}
.reader-help{font-size:.78rem;line-height:1.5;color:var(--ink-soft);margin:.6rem 0 0}

/* --- vypnutá témata --- */
.reader-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));
  gap:.15rem .8rem}
.reader-check{display:flex;align-items:flex-start;gap:.5rem;font-size:.86rem;
  color:var(--ink);padding:.3rem 0;cursor:pointer;line-height:1.4}
.reader-check input{margin:.18rem 0 0;accent-color:var(--accent);flex:0 0 auto}
.reader-solo{border-top:1px solid var(--line);padding-top:.9rem;margin-top:.2rem}

/* --- uložit / zpět --- */
.reader-acts{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.3rem 0 .9rem}
.reader-go{padding:.5rem 1.2rem;border:1px solid var(--accent);border-radius:99px;
  background:var(--accent);color:#fff;font:inherit;font-size:.86rem;cursor:pointer}
.reader-go:hover{filter:brightness(1.08)}
.reader-undo{padding:.5rem 1rem;border:1px solid var(--line);border-radius:99px;
  background:none;color:var(--ink-soft);font:inherit;font-size:.86rem;cursor:pointer}
.reader-undo:hover{color:var(--accent);border-color:var(--accent)}
.reader-priv{font-size:.72rem;line-height:1.5;color:var(--ink-soft);margin:0}

/* --- skrytá karta a řádek, kterým se dá vrátit --- */
.reader-off{display:none !important}
#reader-hidden-note{display:none}
#reader-hidden-note.on{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;
  margin:1.5rem 0 0;padding:.65rem .9rem;border:1px dashed var(--line);border-radius:8px;
  background:var(--bg-soft);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;
  color:var(--ink-soft)}
.reader-showall{background:none;border:0;padding:0;font:inherit;color:var(--accent);
  cursor:pointer;text-decoration:underline;text-underline-offset:2px}

/* --- karta ve zkráceném režimu --- */
.card.calm > a,.card.calm img,.hero.calm .hero-img{display:none}
.card.calm .body > p,.hero.calm .dek{display:none}
.hero.calm{grid-template-columns:1fr}
.reader-mark{display:block;width:1.6rem;height:2px;margin:0 0 .55rem;background:var(--accent);
  opacity:.55}
.card.calm{background:none;border:1px solid var(--line)}

/* --- článek jako klidné shrnutí --- */
.reader-gate{display:none}
.reader-gate.on{display:block;margin:-1.4rem 0 2.6rem;padding:1rem 1.1rem;
  border:1px dashed var(--line);border-radius:8px;background:var(--bg-soft)}
.reader-note{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;line-height:1.5;
  color:var(--ink-soft);margin:0}
.reader-more{margin-top:.8rem;padding:.45rem 1.1rem;border:1px solid var(--line);
  border-radius:99px;background:var(--card);color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif;
  font-size:.84rem;cursor:pointer}
.reader-more:hover{color:var(--accent);border-color:var(--accent)}
.reader-gate.nofold .reader-more{display:none}
article.post.reader-calmed [data-layer]{display:none}
article.post.reader-calmed [data-layer="BRIEFLY"]{display:block}

/* --- pruh s pauzou --- */
.reader-brake{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;
  align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;
  padding:.9rem 1.25rem;background:var(--card);border-top:1px solid var(--line);
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.86rem;color:var(--ink)}
.reader-brake p{margin:0;max-width:34rem}
.reader-brake-alt{color:var(--accent)}
.reader-brake-ok{padding:.4rem 1rem;border:1px solid var(--line);border-radius:99px;
  background:none;color:var(--ink-soft);font:inherit;cursor:pointer}
.reader-brake-ok:hover{color:var(--accent);border-color:var(--accent)}
@media (max-width:600px){
  .reader-brake{gap:.6rem;padding:.8rem 1rem}
  .reader-box{padding:1.3rem 1.1rem 1.1rem}
}


/* =====================================================================
   Vlastní výběr — co koho zajímá

   Zůstává novinový tón: linky místo stínů, jedna barva navíc žádná.
   Nic z toho, co si čtenář naklikne, neopouští jeho prohlížeč.
   ===================================================================== */

/* --- odkaz na vlastní výběr v hlavním menu --- */
nav.sections a.nav-you{color:var(--accent);letter-spacing:.09em}
nav.sections a.nav-you:hover{border-color:var(--accent)}

/* --- štítky rubrik: pilulky, jasně vidět, co je zapnuté --- */
.ob-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.ob-chip{position:relative;display:inline-flex;align-items:center;cursor:pointer}
.ob-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ob-chip span{display:inline-block;padding:.32rem .8rem;border:1px solid var(--line);
  border-radius:99px;background:var(--card);color:var(--ink-soft);font-size:.8rem;
  line-height:1.35;transition:color .12s,border-color .12s,background .12s}
.ob-chip:hover span{color:var(--accent);border-color:var(--accent)}
.ob-chip input:checked + span{background:var(--accent-soft);border-color:var(--accent);
  color:var(--accent);font-weight:600}
.ob-chip input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}

/* --- zaškrtávátka zájmů: dva až tři sloupce, na mobilu jeden --- */
.ob-group{border:0;padding:0;margin:0 0 1.3rem;min-width:0}
.ob-group:last-child{margin-bottom:0}
.ob-group legend{padding:0}
.ob-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem}
.ob-check{font-size:.84rem}
.ob-note{font-size:.74rem;line-height:1.55;color:var(--ink-soft);margin:0 0 .7rem;
  padding:.55rem .75rem;border-left:2px solid var(--line);background:var(--bg-soft);
  border-radius:0 6px 6px 0}
.ob-health{border-top:1px solid var(--line);padding-top:1rem}
@media (max-width:900px){.ob-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ob-checks{grid-template-columns:1fr}}

/* --- vlastní téma: co v našem seznamu není --- */
.ob-own{border-top:1px solid var(--line);padding-top:1rem;margin-top:1.2rem}
.ob-own-row{display:flex;gap:.4rem;flex-wrap:wrap}
.ob-own-in{flex:1 1 10rem;min-width:0;padding:.38rem .6rem;border:1px solid var(--line);
  border-radius:8px;background:var(--card);color:var(--ink);font:inherit;font-size:.84rem}
.ob-own-in:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ob-own-add{flex:0 0 auto;padding:.38rem .95rem;border:1px solid var(--line);border-radius:99px;
  background:none;color:var(--ink-soft);font:inherit;font-size:.8rem;cursor:pointer}
.ob-own-add:hover{color:var(--accent);border-color:var(--accent)}
.ob-own-in:disabled,.ob-own-add:disabled{opacity:.5;cursor:not-allowed}
.ob-own-add:disabled:hover{color:var(--ink-soft);border-color:var(--line)}
.ob-own-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.ob-own-list:empty{margin-top:0}
.ob-own-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .4rem .28rem .75rem;
  border:1px solid var(--accent);border-radius:99px;background:var(--accent-soft);
  color:var(--accent);font-size:.8rem;line-height:1.35;max-width:100%}
.ob-own-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-own-x{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;
  padding:0;border:0;border-radius:50%;background:none;color:inherit;font:inherit;font-size:.9rem;
  line-height:1;cursor:pointer;opacity:.75}
.ob-own-x:hover{opacity:1;background:var(--card)}
.ob-own-x:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

/* --- výběr uvnitř nastavení čtení --- */
/* panel teď unese víc voleb, tak dostane o kousek víc místa */
.reader-box{max-width:33rem}
.reader-pick{border-top:1px solid var(--line);padding-top:1.1rem}
.reader-pick .ob-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-pick .ob-group legend{margin-bottom:.5rem}
@media (max-width:560px){.reader-pick .ob-checks{grid-template-columns:1fr}}

/* --- uvítací průvodce: nabídka, ne uvítací zeď --- */
/* Vysoko a vlevo, kousek pod hlavou novin. Nikdy nepřekryje název webu
   ani hlavní titulek — o to se stará reader.js: podle skutečných
   rozměrů kartu radši zkrátí, a teprve když by z ní zbyl proužek,
   posune ji pod titulek. */
.ob-card{position:fixed;z-index:58;left:1.5rem;top:10.5rem;right:auto;bottom:auto;
  width:min(23rem,calc(100vw - 3rem));
  max-height:min(78vh,42rem);overflow-y:auto;background:var(--card);border:1px solid var(--line);
  border-radius:11px;padding:1.3rem 1.4rem 1.1rem;box-shadow:0 1px 3px rgba(0,0,0,.08);
  font-family:ui-sans-serif,system-ui,sans-serif}
.ob-card:focus{outline:none}
.ob-card h2{font-family:Georgia,"Iowan Old Style","Times New Roman",serif;font-size:1.1rem;
  line-height:1.25;letter-spacing:-.01em;margin:0 1.6rem .4rem 0}
.ob-intro{font-size:.82rem;line-height:1.55;color:var(--ink-soft);margin:0 0 1.1rem}
.ob-q{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
  margin:0 0 .7rem;font-family:inherit;font-weight:600}
.ob-step[hidden]{display:none}
.ob-card .reader-set{margin-bottom:1.2rem}
.ob-card .reader-set:last-child{margin-bottom:0}
.ob-priv{font-size:.7rem;line-height:1.5;color:var(--ink-soft);margin:1rem 0 0}
.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;
  flex-wrap:wrap;margin-top:1.1rem;padding-top:.8rem;border-top:1px solid var(--line)}
.ob-count{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.ob-acts{display:flex;align-items:center;gap:.5rem}
.ob-skip{background:none;border:0;padding:.3rem 0;font:inherit;font-size:.78rem;
  color:var(--ink-soft);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ob-skip:hover{color:var(--accent)}
.ob-back{padding:.4rem .9rem;border:1px solid var(--line);border-radius:99px;background:none;
  color:var(--ink-soft);font:inherit;font-size:.8rem;cursor:pointer}
.ob-back:hover{color:var(--accent);border-color:var(--accent)}
.ob-next,.ob-done{padding:.4rem 1.1rem;border:1px solid var(--accent);border-radius:99px;
  background:var(--accent);color:#fff;font:inherit;font-size:.8rem;cursor:pointer}
.ob-next:hover,.ob-done:hover{filter:brightness(1.08)}
.ob-x{top:.7rem;right:.7rem}
/* Na úzkém displeji z karty v rohu není co dělat: je z ní list papíru
   uprostřed, pořád ale až pod hlavičkou, ne přes logo. */
@media (max-width:700px){
  .ob-card{left:50%;right:auto;transform:translateX(-50%);
    width:min(30rem,calc(100vw - 1.6rem));padding:1.1rem 1rem .9rem;max-height:78vh}
  .ob-foot{justify-content:flex-end}
  .ob-count{width:100%;order:2}
}

/* --- proužek „vybráno pro tebe“ nad titulní stranou --- */
.pickrail{margin:1.8rem 0 .4rem;padding-top:1.2rem;border-top:2px solid var(--ink)}
.pickhead{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);
  font-family:ui-sans-serif,system-ui,sans-serif;margin:0}
.pickrail .grid.tight{padding-bottom:.4rem}
.pickrail .card.pick:hover{transform:none}
.pickrail .card.pick:hover h3 a{color:var(--accent)}

/* --- stránka pro tebe --- */
.fy .page-h1{font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.15;letter-spacing:-.02em;
  margin:2.2rem 0 .4rem}
.fy .fy-dek{color:var(--ink-soft);font-size:1.02rem;margin:0 0 1.6rem;max-width:38rem}
.fy-empty{border:1px dashed var(--line);border-radius:10px;background:var(--bg-soft);
  padding:2rem 1.5rem;text-align:center;margin:0 0 3rem}
.fy-empty[hidden]{display:none}
.fy-empty p{margin:0 0 1rem;color:var(--ink-soft)}
.fy-cta{padding:.55rem 1.3rem;border:1px solid var(--accent);border-radius:99px;
  background:var(--accent);color:#fff;font-family:ui-sans-serif,system-ui,sans-serif;
  font-size:.9rem;cursor:pointer}
.fy-cta:hover{filter:brightness(1.08)}
.fy-note{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;line-height:1.55;
  color:var(--ink-soft);margin:.4rem 0 0;max-width:40rem}
.fy-health{margin:0 0 1.4rem;padding:.7rem .9rem;border-left:2px solid var(--line);
  background:var(--bg-soft);border-radius:0 6px 6px 0}
.fy-health[hidden]{display:none}
.fy-out{border-top:1px solid var(--line);margin-top:1rem;padding-top:1.4rem;margin-bottom:3rem}
.fy-out .rowhead{color:var(--ink)}


/* =====================================================================
   Rubrika jako stránka v novinách

   Nahoře jméno rubriky a pod ním tenká linka s počtem článků a řazením.
   Pak jeden velký úvodní článek a dva sloupce: zprávy a postranní
   sloupek. Na užším displeji se sloupce složí pod sebe.
   ===================================================================== */
.sec-head{padding:2.2rem 0 0}
.sec-h1{font-size:clamp(1.8rem,4.2vw,2.7rem);line-height:1.1;letter-spacing:-.024em;margin:0}
.sec-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.2rem;
  flex-wrap:wrap;margin-top:.5rem;padding:.5rem 0 .55rem;
  border-top:1px solid var(--line);border-bottom:2px solid var(--ink);
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-soft)}
.sec-count{flex:0 0 auto}

/* Řazení je nadstavba nad hotovou stránkou: bez skriptu se štítky
   neukážou a rubrika zůstane tak, jak přišla ze serveru — od
   nejnovějšího. Skript si je odemkne sám. */
.sec-sort{display:none}
.sec-sort.on{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.sec-sort-lab{margin-right:.2rem}
.sec-chip{padding:.24rem .7rem;border:1px solid var(--line);border-radius:99px;
  background:var(--card);color:var(--ink-soft);font:inherit;font-size:.68rem;
  letter-spacing:.11em;text-transform:uppercase;line-height:1.45;cursor:pointer}
.sec-chip:hover{color:var(--accent);border-color:var(--accent)}
.sec-chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);
  font-weight:600}
.sec-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.secbody{padding-top:.2rem}
.secbody .grid{padding-bottom:1.4rem}
.sec-empty{color:var(--ink-soft);padding:2rem 0}

/* V klidné rubrice proužek zpráv není, tak dostane hlavní sloupec víc
   místa a vedle zůstane jen tichá věta. */
.secbody.sec-quiet{grid-template-columns:minmax(0,1fr) 14rem}
.sec-calm{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem;line-height:1.6;
  color:var(--ink-soft);margin:0;padding:.1rem 0 .1rem .8rem;border-left:2px solid var(--line)}
@media (max-width:900px){.secbody.sec-quiet{grid-template-columns:1fr}}

.sec-arch{margin:0 0 2.6rem;padding-top:1rem;border-top:1px solid var(--line);
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.74rem;letter-spacing:.13em;
  text-transform:uppercase}
.sec-arch a{color:var(--accent);text-decoration:none}
.sec-arch a:hover{text-decoration:underline}

/* --- cesta zpátky k průvodci, natrvalo v nastavení čtení --- */
.reader-again{margin:1.2rem 0 0;padding-top:.9rem;border-top:1px solid var(--line)}
.reader-again-btn{background:none;border:0;padding:0;font:inherit;font-size:.82rem;
  color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.reader-again-btn:hover{filter:brightness(1.1)}
.reader-again-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* --- Co to znamená pro tebe ------------------------------------------ */
.imprail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--bg-soft,transparent);padding:1.6rem 0 1.4rem;margin:0 0 1.6rem}
.imprail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.4rem}
.imprail-item h3{font-size:1.06rem;line-height:1.25;margin:.35rem 0 .4rem}
.imprail-more{margin:1.1rem 0 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem}
.imp-areas{display:flex;gap:.35rem;flex-wrap:wrap}
.imp-tag{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.66rem;letter-spacing:.09em;
  text-transform:uppercase;padding:.15rem .5rem;border:1px solid var(--line);border-radius:999px;
  color:var(--ink-soft)}
.imp-money{border-color:var(--accent);color:var(--accent)}
.imp-line{margin:.35rem 0 .3rem;font-size:.95rem}
.imp-todo{margin:.2rem 0 0;font-size:.9rem;color:var(--ink-soft)}
.imp-todo b{color:var(--ink)}
.imp-filter{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin:1rem 0 1.4rem}
.imp-filter-label{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-right:.3rem}
.imp-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;
  padding:.3rem .85rem;cursor:pointer;font:inherit;font-size:.85rem}
.imp-chip.on{border-color:var(--accent);color:var(--accent)}
.imp-list{list-style:none;padding:0;margin:0}
.imp-item{border-top:1px solid var(--line);padding:1.2rem 0}
.imp-item h2{font-size:1.25rem;line-height:1.25;margin:.4rem 0 .45rem}
.imp-meta{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;color:var(--ink-soft);margin-top:.5rem}
.partners{max-width:20rem}
.partners strong{display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem}
.partners ul{list-style:none;padding:0;margin:0}
.partners li{margin-bottom:.4rem;font-size:.85rem}
.partners li span{display:block;color:var(--ink-soft);font-size:.8rem}