:root{
  --paper:#F7F4EC;
  --paper-2:#EFE9DD;
  --ink:#15151C;
  --ink-2:#4B4B58;
  --orange:#FF5A2C;
  --blue:#2C4DFF;
  --mint:#0FB98B;
  --line:rgba(21,21,28,.13);
  --line-2:rgba(21,21,28,.28);
  --wrap:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,.display{font-family:'Bricolage Grotesque','Inter',sans-serif;line-height:1.02;letter-spacing:-.032em;font-weight:700}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

/* ---------- NAV ---------- */
nav{position:sticky;top:0;z-index:60;background:rgba(247,244,236,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.logo{display:flex;align-items:center;gap:9px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.18rem;letter-spacing:-.02em}
.logo .mark{width:47px;height:38px;flex-shrink:0;display:block}
.nav-links{display:flex;gap:28px;font-size:.92rem;font-weight:500;color:var(--ink-2)}
.nav-links a{position:relative;padding:4px 0}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--ink);transition:right .22s ease}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover:after{right:0}
.nav-cta{background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:9px;font-size:.9rem;font-weight:600;transition:transform .15s,background .15s}
.nav-cta:hover{background:var(--orange);transform:translateY(-1px)}
@media(max-width:900px){.nav-links{display:none}}

/* ---------- HERO ---------- */
.hero{padding:70px 0 62px;position:relative}
.hero:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1600px;height:100%;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:92px 92px;opacity:.5;
  -webkit-mask-image:radial-gradient(120% 70% at 50% 0%,#000 20%,transparent 72%);
  mask-image:radial-gradient(120% 70% at 50% 0%,#000 20%,transparent 72%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:start}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--ink-2);margin-bottom:26px}
.eyebrow .blip{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:blip 2s ease-in-out infinite}
@keyframes blip{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
h1{font-size:clamp(2.7rem,5.7vw,4.6rem);font-weight:800}
h1 em{font-style:normal;position:relative;white-space:nowrap}
h1 em:after{content:"";position:absolute;left:-2px;right:-2px;bottom:.13em;height:.3em;background:var(--orange);opacity:.3;border-radius:3px;z-index:-1}
.lead{font-size:1.13rem;color:var(--ink-2);max-width:31em;margin-top:24px}
.hero-btns{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:11px;font-weight:600;font-size:.98rem;transition:transform .15s,background .15s,border-color .15s}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:var(--orange);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid var(--line-2)}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
.hero-note{display:flex;gap:22px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.hero-note div{max-width:15em}
.hero-note strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:1.02rem}
.hero-note span{font-size:.86rem;color:var(--ink-2);line-height:1.45;display:block;margin-top:2px}

/* ---------- TEARDOWN / TELEFÓN ---------- */
.teardown{position:relative}
.td-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.td-head .mono{color:var(--ink-2)}
.progress{display:flex;gap:5px;align-items:center}
.progress i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--line-2);display:block;transition:.2s}
.progress i.on{background:var(--orange);border-color:var(--orange)}
.phone{background:var(--ink);border-radius:26px;padding:11px;box-shadow:0 26px 50px -22px rgba(21,21,28,.5)}
.screen{background:#fff;border-radius:18px;overflow:hidden;position:relative}
.post-top{display:flex;align-items:center;gap:10px;padding:12px 14px}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#FFB199,#FF5A2C);flex-shrink:0}
.handle{font-weight:700;font-size:.88rem;line-height:1.2}
.handle span{display:block;font-weight:500;font-size:.72rem;color:var(--ink-2)}
.dots{margin-left:auto;font-weight:800;letter-spacing:2px;color:var(--ink-2);padding-right:2px}
.post-actions{display:flex;gap:14px;align-items:center;padding:11px 14px 4px;color:var(--ink)}
.post-actions svg{width:24px;height:24px}
.post-actions .save{margin-left:auto}
.likes-line{font-size:.86rem;margin-bottom:6px}
.caption .hl-word{background:rgba(255,90,44,.16);padding:1px 4px;border-radius:4px;font-weight:700}
.muted{font-size:.82rem;color:var(--ink-2);margin-top:7px}
.ptime{font-size:.64rem;letter-spacing:.06em;color:var(--ink-2);margin-top:6px}
.hot.inline{position:relative;display:inline-flex;width:21px;height:21px;font-size:.66rem;vertical-align:text-bottom;margin-left:2px}
.post-img{height:172px;background:linear-gradient(135deg,#2C4DFF 0%,#7B4DFF 46%,#FF5A2C 100%);position:relative;display:flex;align-items:center;justify-content:center}
.post-img .prize{background:rgba(255,255,255,.94);border-radius:12px;padding:12px 18px;text-align:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.post-img .prize small{display:block;font-family:'Inter',sans-serif;font-weight:600;font-size:.68rem;letter-spacing:.06em;color:var(--orange);margin-top:3px;text-transform:uppercase}
.timer{position:absolute;top:10px;right:44px;background:rgba(21,21,28,.82);color:#fff;font-family:'JetBrains Mono',monospace;
  font-size:.66rem;font-weight:700;padding:5px 9px;border-radius:7px;letter-spacing:.04em}
.post-body{padding:4px 14px 16px}
.caption{font-size:.86rem;line-height:1.5}
.caption b{font-weight:700}
.post-meta{display:flex;align-items:center;gap:14px;margin-top:12px;font-size:.78rem;color:var(--ink-2);font-weight:500}
.post-meta .likes{font-weight:700;color:var(--ink)}
.hot{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;
  font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 4px rgba(255,90,44,.22);transition:transform .16s,box-shadow .16s;z-index:3}
.hot:hover,.hot:focus-visible{transform:scale(1.16);outline:none;box-shadow:0 0 0 6px rgba(255,90,44,.3)}
.hot[aria-pressed="true"]{background:var(--ink);box-shadow:0 0 0 4px rgba(21,21,28,.18)}
.hot.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--orange);animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{transform:scale(.85);opacity:.75}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hot.pulse:after,.eyebrow .blip{animation:none}}
.h2{top:12px;right:12px}
.annot{margin-top:16px;border:1px solid var(--line-2);border-left:4px solid var(--orange);border-radius:12px;padding:16px 18px;background:#fff;min-height:118px}
.annot .mono{color:var(--orange);display:block;margin-bottom:7px}
.annot h4{font-family:'Bricolage Grotesque',sans-serif;font-size:1.06rem;letter-spacing:-.02em;margin-bottom:5px}
.annot p{font-size:.9rem;color:var(--ink-2);line-height:1.55}
.annot.idle{border-left-color:var(--line-2);background:transparent}
.annot.idle h4{color:var(--ink-2);font-weight:600}
@media(max-width:940px){
  .hero{padding:52px 0 64px}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .phone{max-width:380px;margin:0 auto}
  .annot{max-width:380px;margin-left:auto;margin-right:auto}
  .td-head{max-width:380px;margin-left:auto;margin-right:auto}
}

/* ---------- SEKCIE ---------- */
section{position:relative}
.sec{padding:96px 0}
.sec-head{max-width:44rem;margin-bottom:52px}
.sec-head .mono{color:var(--ink-2);display:block;margin-bottom:16px}
.sec-head h2{font-size:clamp(2rem,4vw,3.1rem)}
.sec-head p{color:var(--ink-2);margin-top:16px;font-size:1.05rem;max-width:36em}

/* témy — bento */
.topics{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.topic{grid-column:span 4;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 26px 24px;
  display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.topic:nth-child(1),.topic:nth-child(4){grid-column:span 7}
.topic:nth-child(2),.topic:nth-child(3){grid-column:span 5}
.topic:nth-child(5),.topic:nth-child(6){grid-column:span 6}
.topic:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 18px 34px -24px rgba(21,21,28,.42)}
.topic:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc,var(--orange));transform:scaleY(0);transform-origin:top;transition:transform .24s ease}
.topic:hover:before{transform:scaleY(1)}
.topic .thumb{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;height:146px;display:flex;align-items:center;justify-content:center;padding:6px;margin-bottom:4px}
.topic .thumb svg{height:100%;width:auto;max-width:100%}
.parents-mascot{width:150px;height:130px;flex-shrink:0}
.parents-cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}
@media(max-width:640px){.topic .thumb{height:116px}}
.topic .num{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;color:var(--acc,var(--orange));letter-spacing:.1em}
.topic h3{font-size:1.3rem;letter-spacing:-.025em}
.topic p{font-size:.92rem;color:var(--ink-2);line-height:1.55}
.topic .q{margin-top:auto;padding-top:14px;font-size:.86rem;font-weight:600;display:flex;align-items:center;gap:7px}
.topic .q .arw{transition:transform .18s}
.topic:hover .q .arw{transform:translateX(4px)}
@media(max-width:980px){.topic,.topic:nth-child(n){grid-column:span 6}}
@media(max-width:640px){.topic,.topic:nth-child(n){grid-column:span 12}.sec{padding:66px 0}}

/* ---------- KVÍZ ---------- */
.quiz-band{background:var(--ink);color:var(--paper)}
.quiz-band .sec-head .mono,.quiz-band .sec-head p{color:rgba(247,244,236,.62)}
.quiz-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.quiz-card{background:rgba(255,255,255,.045);border:1px solid rgba(247,244,236,.16);border-radius:18px;padding:32px 34px}
.quiz-q{font-family:'Bricolage Grotesque',sans-serif;font-size:1.32rem;letter-spacing:-.025em;line-height:1.25;margin-bottom:20px}
.quiz-q .msg{display:block;background:rgba(255,90,44,.14);border-left:3px solid var(--orange);border-radius:0 8px 8px 0;
  padding:11px 14px;font-family:'Inter',sans-serif;font-size:.92rem;font-weight:500;letter-spacing:0;line-height:1.5;margin-top:14px;color:rgba(247,244,236,.9)}
.opt{display:block;width:100%;text-align:left;padding:14px 16px;border:1px solid rgba(247,244,236,.2);border-radius:11px;
  margin-bottom:10px;font-size:.94rem;transition:.16s;display:flex;gap:11px;align-items:flex-start}
.opt .key{font-family:'JetBrains Mono',monospace;font-size:.74rem;font-weight:700;color:rgba(247,244,236,.55);padding-top:2px}
.opt:hover{border-color:rgba(247,244,236,.5);background:rgba(255,255,255,.05)}
.opt.picked-ok{border-color:var(--mint);background:rgba(15,185,139,.14)}
.opt.picked-no{border-color:var(--orange);background:rgba(255,90,44,.12)}
.opt[disabled]{cursor:default}
.feedback{margin-top:16px;border-radius:12px;padding:16px 18px;font-size:.93rem;line-height:1.55;display:none;color:rgba(247,244,236,.92)}
.feedback.show{display:block}
.feedback .mono{display:block;margin-bottom:6px}
.feedback.ok{background:rgba(15,185,139,.14);border:1px solid rgba(15,185,139,.4)}
.feedback.ok .mono{color:var(--mint)}
.feedback.no{background:rgba(255,90,44,.12);border:1px solid rgba(255,90,44,.4)}
.feedback.no .mono{color:var(--orange)}
.quiz-side h3{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:18px}
.quiz-side p{color:rgba(247,244,236,.68);margin-bottom:14px}
.quiz-side .btn-primary{background:var(--paper);color:var(--ink);margin-top:12px}
.quiz-side .btn-primary:hover{background:var(--orange);color:#fff}
.quiz-facts{margin-top:32px;padding-top:24px;border-top:1px solid rgba(247,244,236,.16);display:grid;gap:14px}
.quiz-facts div{display:flex;gap:12px;font-size:.9rem;color:rgba(247,244,236,.72)}
.quiz-facts b{color:var(--paper);font-weight:600}
.quiz-facts .tick{color:var(--mint);font-weight:700}
@media(max-width:940px){.quiz-grid{grid-template-columns:1fr;gap:40px}}

/* ---------- CROSSLINK ---------- */
.cross{border:1px solid var(--line-2);border-radius:18px;padding:30px 34px;display:flex;align-items:center;gap:26px;background:var(--paper-2)}
.cross .coin{width:52px;height:52px;border-radius:14px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.4rem;flex-shrink:0}
.cross h3{font-size:1.25rem;margin-bottom:5px}
.cross p{font-size:.93rem;color:var(--ink-2)}
.cross .btn{margin-left:auto;flex-shrink:0}
@media(max-width:760px){.cross{flex-direction:column;align-items:flex-start;gap:18px}.cross .btn{margin-left:0}}

/* ---------- PRE RODIČOV ---------- */
.parents{background:var(--paper-2);border-top:1px solid var(--line)}
.parents-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.parents .mono{color:var(--blue)}
.parents h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.parents .lead{margin-top:18px;color:var(--ink-2)}
.rules{display:grid;gap:2px;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--line)}
.rule{background:var(--paper);padding:20px 22px}
.rule h4{font-family:'Bricolage Grotesque',sans-serif;font-size:1.02rem;letter-spacing:-.02em;margin-bottom:5px;display:flex;align-items:center;gap:9px}
.rule h4 .dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0}
.rule p{font-size:.9rem;color:var(--ink-2);line-height:1.55}
.rule p a{border-bottom:1px solid var(--line-2)}
@media(max-width:900px){.parents-grid{grid-template-columns:1fr;gap:36px}}

/* ---------- FOOTER ---------- */
footer{background:var(--ink);color:rgba(247,244,236,.66);padding:64px 0 34px;font-size:.9rem}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
footer .logo{color:var(--paper);margin-bottom:12px}

footer h5{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,244,236,.45);margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:9px}
footer a:hover{color:var(--paper)}
.f-bot{margin-top:44px;padding-top:22px;border-top:1px solid rgba(247,244,236,.14);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;color:rgba(247,244,236,.45)}
@media(max-width:820px){.f-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:420px){.wrap{padding:0 20px}}

/* odkaz v karte */
.topic a.q{text-decoration:none}
.topic a.q:hover{color:var(--acc,var(--orange))}

/* ---------- ČLÁNOK / TÉMA ---------- */
.art{max-width:760px;margin:0 auto;padding:56px 28px 0}
.back{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;color:var(--ink-2);margin-bottom:26px}
.back:hover{color:var(--ink)}
.art-head .mono{color:var(--acc,var(--orange));display:block;margin-bottom:14px}
.art h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
.art .lead{font-size:1.18rem;color:var(--ink-2);margin-top:20px}
.art-illu{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;height:210px;display:flex;align-items:center;justify-content:center;margin:36px 0 8px;padding:14px}
.art-illu svg{height:100%;width:auto;max-width:100%}
.art-body{padding-bottom:20px}
.art-body h2{font-size:1.75rem;margin:52px 0 22px}
.mech{border-left:3px solid var(--acc,var(--orange));padding:2px 0 2px 22px;margin-bottom:30px}
.mech .mono{color:var(--ink-2);display:block;margin-bottom:6px}
.mech h3{font-size:1.2rem;margin-bottom:8px}
.mech p{color:var(--ink-2)}
.example{background:var(--ink);color:var(--paper);border-radius:16px;padding:26px 28px;margin:38px 0}
.example .mono{color:var(--acc,var(--orange));display:block;margin-bottom:10px}
.example p{color:rgba(247,244,236,.86)}
.checks{list-style:none;display:grid;gap:14px}
.checks li{display:flex;gap:13px;align-items:flex-start;color:var(--ink-2)}
.checks .tick{color:var(--mint);font-weight:700;flex-shrink:0}
.checks b{color:var(--ink);font-weight:600}
.askbox{border:2px dashed var(--line-2);border-radius:16px;padding:26px 28px;margin:40px 0;display:flex;gap:20px;align-items:center}
.askbox .mono{color:var(--ink-2);display:block;margin-bottom:8px}
.askbox strong{font-family:'Bricolage Grotesque',sans-serif;font-size:1.35rem;letter-spacing:-.02em;line-height:1.2;display:block}
.askbox svg{width:88px;height:76px;flex-shrink:0}
.pnote{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:20px 22px;font-size:.93rem;color:var(--ink-2);margin-bottom:48px}
.pnote b{color:var(--ink);display:block;margin-bottom:5px;font-family:'Bricolage Grotesque',sans-serif;font-size:1rem}
.art-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:64px}
.art-next a{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px 22px;transition:.16s}
.art-next a:hover{border-color:var(--line-2);transform:translateY(-2px)}
.art-next .mono{color:var(--ink-2);display:block;margin-bottom:7px}
.art-next strong{font-family:'Bricolage Grotesque',sans-serif;font-size:1.08rem;letter-spacing:-.02em}
@media(max-width:640px){.art{padding-top:36px}.art-next{grid-template-columns:1fr}.askbox{flex-direction:column;align-items:flex-start}.art-illu{height:160px}}

/* ---------- KVÍZ STRÁNKA ---------- */
.kviz-page{min-height:70vh}
.kviz-wrap{max-width:720px}
.kviz-top{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.kviz-top .mono{color:rgba(247,244,236,.62);white-space:nowrap}
.bar{flex:1;height:6px;border-radius:99px;background:rgba(247,244,236,.18);overflow:hidden}
.bar i{display:block;height:100%;background:var(--orange);width:0;transition:width .35s ease}
.next-btn{margin-top:20px;background:var(--paper);color:var(--ink)}
.next-btn:hover{background:var(--orange);color:#fff}
.result .res-head{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.res-mascot{width:104px;height:90px}
#res-mascot{background:var(--paper);border-radius:18px;padding:8px 6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.result h3{font-size:1.5rem;letter-spacing:-.025em;margin-top:4px}
.result .mono{color:var(--mint)}
.result p{color:rgba(247,244,236,.78)}
.res-cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.result .btn-ghost{border-color:rgba(247,244,236,.35)}
.result .btn-ghost:hover{border-color:var(--paper)}

/* ---------- BLOG ---------- */
.blog-list{display:grid;gap:18px;max-width:860px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 28px;display:block;transition:.18s}
.post-card:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 18px 34px -26px rgba(21,21,28,.4)}
.post-meta{display:flex;gap:14px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.pill{font-family:'JetBrains Mono',monospace;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  border:1.5px solid var(--acc,var(--orange));color:var(--acc,var(--orange));border-radius:99px;padding:4px 11px}
.post-meta time,.post-meta .read{font-size:.82rem;color:var(--ink-2)}
.post-card h3{font-size:1.42rem;margin-bottom:9px}
.post-card p{color:var(--ink-2);font-size:.96rem}
.post-card .more{display:inline-flex;gap:7px;align-items:center;margin-top:14px;font-weight:600;font-size:.9rem}
.art .post-meta{margin:0 0 18px}
.art-body p{margin-bottom:18px;color:var(--ink-2)}
.art-body h2+p{margin-top:-6px}
.art-body ul:not(.checks){margin:0 0 20px 20px;color:var(--ink-2)}
.art-body ul:not(.checks) li{margin-bottom:9px}
.art-body strong{color:var(--ink)}
.try{background:var(--paper-2);border:1px solid var(--line-2);border-radius:16px;padding:24px 26px;margin:34px 0}
.try .mono{color:var(--acc,var(--orange));display:block;margin-bottom:9px}
.try p{margin:0;color:var(--ink-2)}

/* karta článku s obrázkom */
.post-card{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center}
.post-thumb{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;height:150px;display:flex;align-items:center;justify-content:center;padding:8px}
.post-thumb svg{height:100%;width:auto;max-width:100%}
@media(max-width:720px){.post-card{grid-template-columns:1fr;gap:16px}.post-thumb{height:130px}}