@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Italiana';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/italiana-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/playfair-display-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/playfair-display-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fonts/playfair-display-900-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fonts/playfair-display-900-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}

:root{
  --ink:#0E0B08;
  --charcoal:#1A1612;
  --leather:#3B2418;
  --camel:#A98B5C;
  --brass:#C9A062;
  --bone:#EFE7DB;
  --paper:#F5F0E6;
  --blood:#7A1F1F;
  --muted:#8A7E6F;
  --brass-deep:#775A26;
  --text-soft:#5C5346;
  --rose:#C46A6A;

  --rule-dark:rgba(239,231,219,.16);
  --rule-light:rgba(26,22,18,.16);

  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Italiana',Georgia,serif;
  --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;

  --wrap:1240px;
  --gut:28px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--charcoal);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

h1,h2,h3,h4{font-family:var(--serif);font-weight:900;line-height:1.05;letter-spacing:-.015em;margin:0;text-wrap:balance}
p{margin:0}

.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.eyebrow{
  font-family:var(--display);
  font-size:13px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--camel);
}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.stack{display:flex;flex-direction:column}

/* ─── NAV ─────────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:40;background:var(--ink);color:var(--bone);border-bottom:1px solid var(--rule-dark)}
.nav-in{max-width:var(--wrap);margin:0 auto;padding:14px var(--gut);display:flex;align-items:center;gap:32px}
.brand{font-family:var(--serif);font-weight:900;font-size:20px;letter-spacing:-.02em;white-space:nowrap}
.brand em{font-style:normal;color:var(--brass)}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.nav-links a{color:var(--bone);opacity:.72;transition:opacity .18s,color .18s}
.nav-links a:hover,.nav-links a[aria-current]{opacity:1;color:var(--brass)}
.nav-cta{
  border:1px solid var(--brass);color:var(--brass);
  padding:9px 18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  transition:background .18s,color .18s;
}
.nav-cta:hover{background:var(--brass);color:var(--ink)}

/* ─── HERO ────────────────────────────────────────────── */
.hero{background:var(--ink);color:var(--bone);position:relative;overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 78% 8%,rgba(201,160,98,.16),transparent 58%),
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(239,231,219,.05) 47px 48px);
  pointer-events:none;
}
.hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;padding-block:76px 84px;align-items:center}
.hero h1{font-size:clamp(46px,5.6vw,82px);margin-block:22px 24px}
.hero h1 .accent{color:var(--brass);font-style:italic;font-weight:700}
.hero .dek{font-size:19px;color:rgba(239,231,219,.78);max-width:52ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.btn-primary{
  background:var(--brass);color:var(--ink);
  padding:15px 28px;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;
  transition:transform .18s,box-shadow .18s;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 0 -4px rgba(201,160,98,.35)}
.btn-ghost{
  border:1px solid var(--rule-dark);color:var(--bone);
  padding:15px 26px;font-size:14px;letter-spacing:.06em;
  transition:border-color .18s,color .18s;
}
.btn-ghost:hover{border-color:var(--brass);color:var(--brass)}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:12.5px;letter-spacing:.06em;color:var(--muted)}
.trust span::before{content:"— ";color:var(--camel)}

/* denník / dashboard karta v heroi */
.journal{
  background:linear-gradient(180deg,#151009,#0B0806);
  border:1px solid var(--rule-dark);
  padding:26px;
}
.journal-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule-dark);padding-bottom:14px}
.journal-top .mono{font-size:11.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.streak{font-family:var(--serif);font-size:30px;color:var(--brass);line-height:1}
.journal-row{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px dashed var(--rule-dark)}
.journal-row:last-of-type{border-bottom:0}
.tick{
  flex:0 0 22px;height:22px;margin-top:2px;border:1px solid var(--camel);
  display:grid;place-items:center;font-size:12px;color:var(--ink);background:transparent;
}
.tick.done{background:var(--brass);border-color:var(--brass)}
.journal-row h4{font-family:var(--sans);font-weight:600;font-size:14.5px;letter-spacing:.01em;color:var(--bone)}
.journal-row p{font-size:13px;color:var(--muted);margin-top:2px}
.journal-row time{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--camel)}
.bar{height:3px;background:rgba(239,231,219,.12);margin-top:20px}
.bar i{display:block;height:100%;width:37%;background:var(--brass)}
.bar-label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:8px;letter-spacing:.1em}

/* ─── PÁS ─────────────────────────────────────────────── */
.strip{background:var(--leather);color:var(--bone);border-block:1px solid rgba(0,0,0,.3)}
.strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(239,231,219,.14)}
.strip-cell{background:var(--leather);padding:26px 24px}
.strip-cell .n{font-family:var(--serif);font-size:34px;color:var(--brass);line-height:1}
.strip-cell .t{font-size:13px;color:rgba(239,231,219,.7);margin-top:6px;letter-spacing:.02em}

/* ─── SEKCIE ──────────────────────────────────────────── */
.sec{padding-block:88px}
.sec-dark{background:var(--ink);color:var(--bone)}
.sec-paper{background:var(--paper)}
.sec-bone{background:var(--bone)}
.sec-head{max-width:64ch;margin-bottom:48px}
.sec-head h2{font-size:clamp(32px,3.6vw,50px);margin-block:16px 16px}
.sec-head p{font-size:18px;color:var(--text-soft)}
.sec-dark .sec-head p{color:rgba(239,231,219,.66)}
.sec-paper .sec-head .eyebrow,.sec-bone .sec-head .eyebrow{color:var(--brass-deep)}

/* ─── AKO TO BEŽÍ (automatizácia) ─────────────────────── */
.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:step}
.loop-item{border-top:2px solid var(--brass);padding-top:20px}
.loop-item .clock{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--brass)}
.loop-item h3{font-size:22px;margin-block:12px 10px}
.loop-item p{font-size:15px;color:rgba(239,231,219,.66)}
.loop-note{
  margin-top:40px;border:1px solid var(--rule-dark);padding:22px 26px;
  display:flex;gap:18px;align-items:flex-start;font-size:15px;color:rgba(239,231,219,.72);
}
.loop-note b{color:var(--brass);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding-top:3px}

/* ─── SITUAČNÝ TRÉNER ─────────────────────────────────── */
.trainer{background:var(--charcoal);border:1px solid var(--rule-dark)}
.tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--rule-dark)}
.tab{
  padding:16px 22px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;
  color:rgba(239,231,219,.55);border-right:1px solid var(--rule-dark);
  transition:color .18s,background .18s;
}
.tab:hover{color:var(--bone)}
.tab[aria-selected="true"]{color:var(--ink);background:var(--brass);font-weight:600}
.panel{padding:36px 34px 34px;display:none}
.panel[data-active]{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.scene .mono{font-size:11.5px;letter-spacing:.18em;color:var(--camel);text-transform:uppercase}
.scene h3{font-size:27px;color:var(--bone);margin-block:12px 14px}
.scene p{color:rgba(239,231,219,.72);font-size:16px}
.choices{display:flex;flex-direction:column;gap:10px}
.choice{
  text-align:left;border:1px solid var(--rule-dark);padding:14px 16px;
  color:rgba(239,231,219,.85);font-size:15px;line-height:1.45;
  display:flex;gap:12px;align-items:flex-start;
  transition:border-color .18s,background .18s;
}
.choice:hover{border-color:var(--camel);background:rgba(201,160,98,.06)}
.choice .key{font-family:var(--mono);font-size:12px;color:var(--camel);padding-top:2px}
.choice[data-state="ok"]{border-color:var(--brass);background:rgba(201,160,98,.12)}
.choice[data-state="no"]{border-color:var(--blood);background:rgba(122,31,31,.18)}
.verdict{margin-top:16px;font-size:15px;line-height:1.55;min-height:52px;color:rgba(239,231,219,.8)}
.verdict[data-state="ok"]{border-left:3px solid var(--brass);padding-left:14px}
.verdict[data-state="no"]{border-left:3px solid var(--blood);padding-left:14px}
.verdict b{color:var(--bone)}

/* ─── KURIKULUM ───────────────────────────────────────── */
.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-light)}
.mod{background:var(--paper);padding:30px 28px 32px;display:flex;flex-direction:column;gap:12px;transition:background .2s}
.mod:hover{background:#FBF8F1}
.mod-top{display:flex;align-items:baseline;justify-content:space-between}
.mod-top .code{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--brass-deep)}
.mod-top .len{font-family:var(--mono);font-size:11.5px;color:var(--text-soft)}
.mod h3{font-size:24px}
.mod p{font-size:15px;color:#5C5346}
.mod ul{margin:6px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.mod li{font-size:14px;color:#6B6255;padding-left:16px;position:relative}
.mod li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:var(--camel)}
.mod .state{
  margin-top:auto;padding-top:16px;font-family:var(--mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);
}
.mod .state.open{color:var(--blood)}

.mod-ico{width:60px;height:auto;fill:none;stroke:var(--brass-deep);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}

/* ─── MASKOT ──────────────────────────────────────────── */
.cyril{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:center}
.cyril-art{background:var(--paper);border:1px solid var(--rule-light);padding:24px;display:grid;place-items:center}
.cyril-art svg{width:100%;height:auto;max-width:170px}
.cyril h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:16px}
.cyril p{font-size:17px;color:var(--text-soft);margin-bottom:14px;max-width:62ch}
.cyril .sig{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep);margin-top:6px}
@media (max-width:820px){.cyril{grid-template-columns:1fr;gap:28px;justify-items:start}.cyril-art{max-width:200px}}
/* ─── KÓDEX ───────────────────────────────────────────── */
.codex{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.rules{display:flex;flex-direction:column}
.rule{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--rule-light)}
.rule:first-child{border-top:1px solid var(--rule-light)}
.rule .num{font-family:var(--serif);font-size:26px;color:var(--brass-deep);line-height:1}
.rule h3{font-size:20px;margin-bottom:6px}
.rule p{font-size:15.5px;color:#5C5346}
.pull{
  background:var(--ink);color:var(--bone);padding:38px 34px;
  border-left:4px solid var(--blood);
}
.pull .eyebrow{color:var(--rose)}
.pull h3{font-size:26px;color:var(--bone);margin-block:14px 16px}
.pull p{font-size:16px;color:rgba(239,231,219,.72)}
.banlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.banlist span{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;
  border:1px solid rgba(122,31,31,.75);color:#D9A9A9;padding:5px 10px;
  text-decoration:line-through;text-decoration-color:rgba(122,31,31,.9);
}

/* ─── LEKCIA (ukážka) ─────────────────────────────────── */
.lesson{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule-light);background:#fff}
.lesson-body{padding:40px 38px}
.lesson-body .eyebrow{color:var(--brass-deep)}
.lesson-body h3{font-size:30px;margin-block:14px 18px}
.lesson-body p{font-size:16.5px;color:#4A4238;margin-bottom:14px}
.lesson-body p:first-of-type::first-letter{
  font-family:var(--serif);font-size:56px;line-height:.8;float:left;
  padding:6px 10px 0 0;color:var(--leather);
}
.lesson-side{background:var(--bone);padding:40px 34px;border-left:1px solid var(--rule-light)}
.lesson-side h4{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);font-weight:600}
.mission{margin-top:14px;background:#fff;border:1px solid var(--rule-light);padding:18px}
.mission p{font-size:15.5px;color:#4A4238}
.mission .mono{display:block;font-size:11px;letter-spacing:.14em;color:var(--brass-deep);text-transform:uppercase;margin-bottom:8px}
.checkline{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:14px;color:#5C5346}
.checkline .box{width:18px;height:18px;border:1px solid var(--camel);flex:0 0 18px}
.checkline .box.on{background:var(--brass);border-color:var(--brass)}

/* ─── NEWSLETTER ──────────────────────────────────────── */
.signup{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.signup h2{font-size:clamp(30px,3.4vw,46px);margin-bottom:16px}
.signup p{color:rgba(239,231,219,.7);font-size:17px}
.form{display:flex;gap:0;margin-top:26px;border:1px solid var(--rule-dark)}
.form input{
  flex:1;background:transparent;border:0;padding:16px 18px;
  color:var(--bone);font-family:var(--sans);font-size:15px;min-width:0;
}
.form input::placeholder{color:var(--muted)}
.form button{background:var(--brass);color:var(--ink);padding:0 26px;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.form-note{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:12px;letter-spacing:.06em}

/* ─── FAQ ─────────────────────────────────────────────── */
.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 56px}
.qa h3{font-size:19px;margin-bottom:8px}
.qa p{font-size:15.5px;color:#5C5346}

/* ─── FOOTER ──────────────────────────────────────────── */
.foot{background:var(--ink);color:var(--bone);padding-block:56px 34px;border-top:1px solid var(--rule-dark)}
.foot-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}
.foot h4{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--camel);font-weight:600;margin-bottom:14px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.foot a{font-size:14.5px;color:rgba(239,231,219,.66)}
.foot a:hover{color:var(--brass)}
.foot .brand{font-size:24px}
.foot .tag{font-size:14.5px;color:rgba(239,231,219,.6);max-width:34ch;margin-top:12px}
.foot-bottom{
  margin-top:44px;padding-top:20px;border-top:1px solid var(--rule-dark);
  display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;
  font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.06em;
}

/* ─── RESPONSIVE ──────────────────────────────────────── */
@media (max-width:1020px){
  .hero-in{grid-template-columns:1fr;gap:48px;padding-block:56px 64px}
  .loop{grid-template-columns:repeat(2,1fr)}
  .modules{grid-template-columns:repeat(2,1fr)}
  .codex,.lesson,.signup{grid-template-columns:1fr;gap:36px}
  .lesson-side{border-left:0;border-top:1px solid var(--rule-light)}
  .panel[data-active]{grid-template-columns:1fr;gap:26px}
}
@media (max-width:680px){
  :root{--gut:20px}
  body{font-size:16px}
  .sec{padding-block:60px}
  .strip-in,.loop,.modules,.faq,.foot-grid{grid-template-columns:1fr}
  .hero h1{font-size:clamp(36px,9vw,52px)}
  .lesson-body,.lesson-side,.pull{padding:28px 22px}
  .panel{padding:26px 20px}
  .form{flex-direction:column}
  .form button{padding:15px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}
/* ─── ČLÁNOK / LEKCIA ─────────────────────────────────── */
.art-hero{background:var(--ink);color:var(--bone);padding-block:56px 48px;border-bottom:1px solid var(--rule-dark)}
.crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--camel);margin-bottom:20px}
.crumb a{color:var(--camel)}
.crumb a:hover{color:var(--brass)}
.crumb span{color:var(--muted);margin-inline:8px}
.art-hero h1{font-size:clamp(34px,4.6vw,60px);max-width:22ch;margin-bottom:18px}
.art-lead{font-size:19px;color:rgba(239,231,219,.78);max-width:60ch}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.art-meta b{color:var(--brass);font-weight:400}

.art-body{max-width:56ch;margin-inline:auto;padding-block:64px}
.art-body>*+*{margin-top:22px}
.art-body p{font-size:18px;line-height:1.72;color:#3A342C}
.art-body h2{font-size:clamp(26px,2.8vw,34px);margin-top:52px}
.art-body h3{font-size:21px;margin-top:36px}
.art-body strong{color:var(--ink)}
.art-body ul,.art-body ol{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.art-body li{font-size:17.5px;line-height:1.6;color:#3A342C;padding-left:26px;position:relative}
.art-body ul li::before{content:"";position:absolute;left:0;top:13px;width:12px;height:1px;background:var(--brass-deep)}
.art-body ol{counter-reset:n}
.art-body ol li{counter-increment:n}
.art-body ol li::before{content:counter(n);position:absolute;left:0;top:1px;font-family:var(--mono);font-size:13px;color:var(--brass-deep)}
.art-body blockquote{margin:34px 0;padding:4px 0 4px 24px;border-left:3px solid var(--brass);font-family:var(--serif);font-size:23px;line-height:1.4;color:var(--leather)}

.callout{background:var(--bone);border:1px solid var(--rule-light);padding:26px 28px;margin-top:34px}
.callout .mono{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:10px}
.callout p{font-size:17px;color:#3A342C}
.callout.warn{border-left:3px solid var(--blood);background:#F7EFEA}

.art-nav{border-top:1px solid var(--rule-light);padding-block:34px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
.art-nav a{font-size:15px;color:var(--brass-deep);font-weight:500}
.art-nav a:hover{color:var(--leather)}
.art-nav .mono{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin-bottom:5px}

.art-cta{background:var(--ink);color:var(--bone);padding:38px 34px;margin-top:44px;display:grid;gap:16px}
.art-cta h3{font-size:26px;color:var(--bone)}
.art-cta p{font-size:16px;color:rgba(239,231,219,.72);max-width:56ch}
.art-cta a{align-self:start;background:var(--brass);color:var(--ink);padding:13px 24px;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase}

/* ─── ROZCESTNÍK ──────────────────────────────────────── */
.list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule-light);border:1px solid var(--rule-light)}
.list-item{background:var(--paper);padding:28px 26px;display:flex;flex-direction:column;gap:10px;transition:background .18s}
.list-item:hover{background:#FBF8F1}
.list-item .code{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--brass-deep)}
.list-item h3{font-size:23px}
.list-item p{font-size:15.5px;color:var(--text-soft)}
.list-item .go{margin-top:auto;padding-top:12px;font-size:13.5px;font-weight:600;color:var(--brass-deep);letter-spacing:.02em}
@media (max-width:820px){.list{grid-template-columns:1fr}.art-body{padding-block:44px}}

/* ─── MOBILNÁ NAVIGÁCIA (CSS-only) ────────────────────── */
.nav-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.nav-burger{display:none;flex-direction:column;gap:5px;padding:10px;margin-left:auto;cursor:pointer;border:1px solid var(--rule-dark)}
.nav-burger span{display:block;width:22px;height:2px;background:var(--bone);transition:transform .2s,opacity .2s}
.nav-toggle:focus-visible + .nav-burger{outline:2px solid var(--brass);outline-offset:3px}

@media (max-width:1020px){
  .nav-in{flex-wrap:wrap;gap:14px}
  .nav-burger{display:flex}
  .nav-links{
    display:none;flex-direction:column;gap:0;
    width:100%;order:3;margin-left:0;
    border-top:1px solid var(--rule-dark);
  }
  .nav-toggle:checked ~ .nav-links{display:flex}
  .nav-links a{
    padding:15px 2px;border-bottom:1px solid var(--rule-dark);
    opacity:1;font-size:14px;
  }
  .nav-links a:last-child{border-bottom:0}
  .nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
  .nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-cta{order:2}
}

/* ─── SITUAČNÝ TRÉNER (samostatná stránka) ────────────── */
.filtre{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px}
.filtr{
  border:1px solid var(--rule-light);background:transparent;
  padding:10px 18px;font-size:13px;letter-spacing:.06em;font-weight:500;
  color:var(--text-soft);transition:background .18s,color .18s,border-color .18s;
}
.filtr:hover{border-color:var(--camel);color:var(--leather)}
.filtr[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--brass)}
.filtr .n{font-family:var(--mono);font-size:11px;opacity:.65;margin-left:7px}

.scenare{display:flex;flex-direction:column;gap:28px}
.scenar{border:1px solid var(--rule-light);background:#fff}
.scenar[hidden]{display:none}
.scenar-head{padding:26px 28px 22px;border-bottom:1px solid var(--rule-light)}
.scenar-head .mono{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}
.scenar-head h3{font-size:25px;margin-block:10px 12px}
.scenar-head p{font-size:16.5px;color:#3A342C;max-width:70ch}
.scenar-body{padding:24px 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.scenar .choices{gap:9px}
.scenar .choice{
  border-color:var(--rule-light);color:#3A342C;background:transparent;
  font-size:15px;
}
.scenar .choice:hover{border-color:var(--camel);background:#FBF8F1}
.scenar .choice .key{color:var(--brass-deep)}
.scenar .choice[data-state="ok"]{border-color:var(--brass-deep);background:#F7F2E4}
.scenar .choice[data-state="no"]{border-color:var(--blood);background:#F9EEEA}
.scenar .verdict{
  color:#3A342C;font-size:15.5px;min-height:0;
  background:var(--bone);padding:18px 20px;border-left:3px solid var(--rule-light);
}
.scenar .verdict[data-state="ok"]{border-left-color:var(--brass-deep);padding-left:18px}
.scenar .verdict[data-state="no"]{border-left-color:var(--blood);padding-left:18px}
.scenar .verdict b{color:var(--ink)}
.scenar-lekcia{
  margin-top:16px;padding-top:14px;border-top:1px dashed var(--rule-light);
  font-size:13.5px;color:var(--text-soft);
}
.scenar-lekcia a{color:var(--brass-deep);font-weight:500}
.scenar-lekcia a:hover{color:var(--leather)}

.skore{
  position:sticky;top:64px;z-index:15;
  background:var(--ink);color:var(--bone);
  padding:14px 22px;margin-bottom:30px;
  display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;
  font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
}
.skore b{color:var(--brass);font-weight:400}
.skore .reset{margin-left:auto;border:1px solid var(--rule-dark);padding:7px 14px;font-size:11px;color:var(--bone)}
.skore .reset:hover{border-color:var(--brass);color:var(--brass)}

@media (max-width:820px){
  .scenar-body{grid-template-columns:1fr;gap:20px}
  .scenar-head{padding:22px 20px 18px}
  .scenar-body{padding:20px}
  .skore{top:60px;font-size:11.5px;padding:12px 16px}
}

.suvisiace{border-top:1px solid var(--rule-light);padding-top:18px;margin-top:34px;font-size:15px;line-height:2}
.suvisiace a{color:var(--brass-deep);font-weight:500}
.suvisiace a:hover{color:var(--leather)}

/* ─── SKIP LINK ───────────────────────────────────────── */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--brass);color:var(--ink);padding:12px 20px;font-weight:600;font-size:14px}
.skip-link:focus{left:0}

/* ─── PRINT ───────────────────────────────────────────── */
@media print{
  .nav,.nav-burger,.foot,.art-cta,.art-nav,.form,.tabs,.filtre,.skore,.hero-actions,.trust{display:none!important}
  body,.sec-dark,.art-hero,.hero,.strip,.journal,.pull{background:#fff!important;color:#000!important}
  .art-hero h1,.hero h1,h1,h2,h3,h4,p,li,blockquote{color:#000!important}
  .eyebrow,.mono,.crumb{color:#555!important}
  a{color:#000!important;text-decoration:underline}
  .panel{display:block!important}
}