/* gptads.sk – štýly */
:root{
  --mist:#f3f5f8;
  --mist-2:#e6eaf0;
  --paper:#ffffff;
  --ink:#10213a;
  --ink-2:#3b4b63;
  --muted:#6b7a90;
  --line:rgba(16,33,58,.14);
  --cobalt:#1f4bff;
  --cobalt-deep:#1638c2;
  --cobalt-soft:#e8edff;
  --sun:#ffd24a;
  --sun-deep:#b98c00;
  --sun-soft:#fff6d6;
  --mint:#d9f4e4;
  --mint-deep:#1d7a4c;
  --rose-soft:#ffe1df;
  --rose-deep:#b3312a;
  --r-s:6px;
  --r-m:12px;
  --r-l:22px;
  --font-head:"Bricolage Grotesque",system-ui,sans-serif;
  --font-body:"Figtree",system-ui,sans-serif;
  --wrap:1180px;
  --measure:70ch;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--mist)}
img,svg{max-width:100%;display:block}
a{color:var(--cobalt-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--cobalt)}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.12;letter-spacing:-.015em;margin:0 0 .5em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.1rem,4.6vw,3.6rem);letter-spacing:-.025em}
h2{font-size:clamp(1.45rem,2.6vw,2rem);margin-top:1.8em}
h3{font-size:1.2rem;margin-top:1.4em}
p{margin:0 0 1em}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--mist-2);padding:.1em .35em;border-radius:4px}
pre{background:var(--ink);color:#e8edff;padding:1rem 1.2rem;border-radius:var(--r-m);overflow:auto;font-size:.9rem;line-height:1.5}
pre code{background:none;padding:0;color:inherit}
table{width:100%;border-collapse:collapse;margin:1.2rem 0 1.6rem;font-size:.95rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
th,td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--mist-2);font-weight:600}
tr:last-child td{border-bottom:0}
ul,ol{padding-left:1.4rem}
li{margin-bottom:.35rem}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}

/* hlavička */
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:.5rem 1rem;border-radius:var(--r-s)}
.skip:focus{left:8px;z-index:99}
.top{position:sticky;top:0;z-index:50;background:rgba(243,245,248,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:1.5rem;height:66px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:var(--font-head);font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.brand .mark{width:34px;height:34px;border-radius:9px;background:var(--ink);display:grid;place-items:center;color:var(--sun)}
.brand .tld{color:var(--cobalt)}
nav.main{margin-left:auto;display:flex;gap:.2rem}
nav.main a{text-decoration:none;color:var(--ink-2);padding:.45rem .7rem;border-radius:999px;font-weight:500;white-space:nowrap}
.top .cta{white-space:nowrap}
nav.main a:hover{background:var(--mist-2);color:var(--ink)}
nav.main a[aria-current="page"]{background:var(--ink);color:#fff}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.15rem;border-radius:999px;font-weight:600;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.2;transition:transform .12s ease,background .15s ease}
.btn:active{transform:translateY(1px)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:#1b3358;color:#fff}
.btn-cobalt{background:var(--cobalt);color:#fff}
.btn-cobalt:hover{background:var(--cobalt-deep);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn-sun{background:var(--sun);color:var(--ink)}
.btn-sun:hover{background:#ffc81a;color:var(--ink)}
.menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid var(--line);border-radius:999px;padding:.45rem .8rem;font:inherit;cursor:pointer}
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  nav.main{display:none;position:absolute;left:0;right:0;top:66px;background:var(--paper);flex-direction:column;padding:.6rem;border-bottom:1px solid var(--line)}
  nav.main.open{display:flex}
  .top .cta{display:none}
}

/* hero */
.hero{padding:clamp(2.5rem,7vw,5.5rem) 0 clamp(2rem,5vw,4rem)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero p.big{font-size:1.2rem;color:var(--ink-2);max-width:34rem}
.hero .actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.hero .facts{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--ink-2);font-size:.95rem}
.hero .facts b{display:block;font-family:var(--font-head);font-size:1.5rem;color:var(--ink);letter-spacing:-.02em}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

/* ukážka chatu */
.chat{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:1.2rem;box-shadow:0 30px 60px -40px rgba(16,33,58,.35)}
.chat .bar{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.chat .bar i{width:9px;height:9px;border-radius:50%;background:var(--mist-2);display:inline-block}
.chat .bar i:first-child{background:#ff6b6b}.chat .bar i:nth-child(2){background:var(--sun)}.chat .bar i:nth-child(3){background:#4ad48c}
.chat .u{margin-left:auto;max-width:88%;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:18px 18px 4px 18px;font-size:.98rem;width:fit-content}
.chat .a{margin:.9rem 0;padding:.2rem 0;font-size:.96rem;color:var(--ink-2);min-height:4.2em}
.chat .a .cur{display:inline-block;width:2px;height:1em;background:var(--cobalt);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.adcard{display:grid;grid-template-columns:64px 1fr;gap:.9rem;background:var(--mist);border:1px solid var(--line);border-radius:var(--r-m);padding:.85rem;position:relative;transition:opacity .35s ease,transform .35s ease}
.adcard.hide{opacity:0;transform:translateY(6px)}
.adcard .img{width:64px;height:64px;border-radius:8px;background:var(--cobalt-soft);display:grid;place-items:center;color:var(--cobalt)}
.adcard .tag{font-size:.72rem;font-weight:600;color:var(--sun-deep);background:var(--sun-soft);border-radius:4px;padding:.1rem .4rem;display:inline-block;margin-bottom:.25rem}
.adcard b{display:block;font-size:.98rem;line-height:1.3}
.adcard span{font-size:.88rem;color:var(--ink-2)}
.adcard .dom{font-size:.8rem;color:var(--muted);margin-top:.2rem}
.chat .hint{font-size:.8rem;color:var(--muted);margin-top:.8rem;text-align:right}

/* sekcie */
section.block{padding:clamp(2.5rem,6vw,5rem) 0}
section.block.tint{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}
.head h2{margin:0}
.head p{margin:.3rem 0 0;color:var(--ink-2);max-width:40rem}

/* cesta začiatočníka – sekvencia, preto číslovanie */
.path{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.path a{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:1.05rem 1.1rem;text-decoration:none;color:var(--ink);transition:border-color .15s ease}
.path a:hover{border-color:var(--cobalt)}
.path .n{font-family:var(--font-head);font-weight:800;font-size:1.6rem;line-height:1;color:var(--cobalt);width:2.2rem}
.path b{display:block;font-size:1.05rem;margin-bottom:.15rem;font-family:var(--font-head);letter-spacing:-.01em}
.path span{color:var(--ink-2);font-size:.93rem}
.path small{display:block;color:var(--muted);margin-top:.45rem;font-size:.8rem}
@media (max-width:760px){.path{grid-template-columns:1fr}}

/* zoznam návodov v jednom stĺpci s kategóriami */
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.guides article{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:1.15rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.45rem}
.guides .cat{font-size:.78rem;color:var(--cobalt-deep);font-weight:600}
.guides h3{margin:0;font-size:1.12rem}
.guides h3 a{text-decoration:none;color:var(--ink)}
.guides h3 a:hover{color:var(--cobalt)}
.guides p{margin:0;color:var(--ink-2);font-size:.92rem}
.guides .meta{margin-top:auto;padding-top:.6rem;font-size:.8rem;color:var(--muted)}
@media (max-width:900px){.guides{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.guides{grid-template-columns:1fr}}

/* nástroje */
.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tools a{background:var(--ink);color:#fff;border-radius:var(--r-l);padding:1.3rem 1.2rem 1.4rem;text-decoration:none;display:flex;flex-direction:column;gap:.7rem;min-height:190px;position:relative;overflow:hidden}
.tools a:nth-child(2){background:var(--cobalt)}
.tools a:nth-child(3){background:var(--sun);color:var(--ink)}
.tools a:nth-child(4){background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.tools a:hover{filter:brightness(1.06)}
.tools .ic{width:38px;height:38px}
.tools b{font-family:var(--font-head);font-size:1.15rem;letter-spacing:-.01em;line-height:1.2}
.tools span{font-size:.9rem;opacity:.85}
@media (max-width:900px){.tools{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.tools{grid-template-columns:1fr}}

/* e-book pás */
.ebook{background:var(--ink);color:#fff;border-radius:var(--r-l);padding:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.ebook h2{margin-top:0;color:#fff}
.ebook p{color:#c9d2e3}
.book{width:190px;aspect-ratio:3/4.2;background:linear-gradient(160deg,#2b58ff,#1638c2 60%,#0f2a8f);border-radius:6px 14px 14px 6px;box-shadow:12px 14px 0 -4px #0b1a3b,0 30px 40px -20px rgba(0,0,0,.6);padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative}
.book:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.25)}
.book .t{font-family:var(--font-head);font-weight:800;font-size:1.3rem;line-height:1.05;letter-spacing:-.02em}
.book .s{font-size:.72rem;opacity:.85}
.book .badge{background:var(--sun);color:var(--ink);font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;width:fit-content}
.ebook ul{columns:2;gap:2rem;color:#e8edff;font-size:.95rem;padding-left:1.2rem}
@media (max-width:760px){.ebook{grid-template-columns:1fr}.book{margin:0 auto}.ebook ul{columns:1}}

/* FAQ */
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:0 1.1rem;margin-bottom:.6rem}
.faq summary{cursor:pointer;padding:.95rem 0;font-weight:600;font-family:var(--font-head);font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-weight:400;color:var(--cobalt);font-size:1.4rem;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq details p{color:var(--ink-2);margin:0 0 1rem}

/* kontakt pás */
.contact{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:var(--sun-soft);border:1px solid #f0dd9a;border-radius:var(--r-l);padding:clamp(1.5rem,4vw,2.5rem)}
.contact h2{margin-top:0}
.contact p{margin:0;color:var(--ink-2);max-width:40rem}
@media (max-width:760px){.contact{grid-template-columns:1fr}}

/* články */
.article{padding:clamp(2rem,5vw,3.5rem) 0}
.article .wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4rem)}
.article .body{max-width:var(--measure)}
.article .body p.lead{font-size:1.2rem;color:var(--ink-2)}
.article .body h2{scroll-margin-top:90px}
.article .body img{border-radius:var(--r-m)}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--cobalt)}
.crumbs span{margin:0 .4rem}
.meta-row{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;color:var(--muted);font-size:.9rem;margin:0 0 1.8rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}
.meta-row b{color:var(--ink-2);font-weight:600}
aside.side{position:sticky;top:86px;align-self:start;display:flex;flex-direction:column;gap:1rem}
.box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:1.1rem 1.2rem}
.box h4{margin:0 0 .6rem;font-size:1rem}
.box ol,.box ul{padding-left:1.1rem;margin:0;font-size:.9rem}
.box li{margin-bottom:.3rem}
.box li a{text-decoration:none;color:var(--ink-2)}
.box li a:hover{color:var(--cobalt)}
.box.cta{background:var(--ink);color:#fff;border:0}
.box.cta h4{color:#fff}
.box.cta p{color:#c9d2e3;font-size:.92rem}
.toc{font-size:.9rem}.toc ul{list-style:none;padding:0}.toc li{padding-left:.9rem;border-left:2px solid var(--line)}
@media (max-width:960px){.article .wrap{grid-template-columns:1fr}aside.side{position:static}}
.tip{background:var(--cobalt-soft);border-left:4px solid var(--cobalt);padding:.9rem 1.1rem;border-radius:0 var(--r-m) var(--r-m) 0;margin:1.4rem 0}
.tip p:last-child{margin:0}
.next{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.next .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.next a{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:.9rem 1rem;text-decoration:none;color:var(--ink);font-size:.93rem}
.next a b{display:block;font-family:var(--font-head);margin-bottom:.15rem}
.next a small{color:var(--muted)}
.next a:hover{border-color:var(--cobalt)}
@media (max-width:760px){.next .grid{grid-template-columns:1fr}}
.faq-inline h2{margin-top:2.4rem}
.video{aspect-ratio:16/9;background:var(--mist-2);border-radius:var(--r-m);overflow:hidden;margin:1.4rem 0}
.video iframe{width:100%;height:100%;border:0}
.share{font-size:.88rem;color:var(--muted);margin-top:2rem}

/* nástroje – formuláre */
.tool{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(1.2rem,3vw,2rem);margin:1.5rem 0 2rem}
.tool .grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.4rem}
.tool label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.3rem}
.tool label small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.tool input[type=text],.tool input[type=number],.tool input[type=url],.tool textarea,.tool select{width:100%;padding:.65rem .8rem;border:1.5px solid var(--line);border-radius:var(--r-s);font:inherit;font-size:1rem;background:#fff;color:var(--ink)}
.tool input:focus,.tool textarea:focus,.tool select:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 3px var(--cobalt-soft)}
.tool textarea{min-height:90px;resize:vertical}
.tool .row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;align-items:center}
.tool .counter{font-size:.8rem;color:var(--muted);margin-top:.25rem}
.tool .counter.over{color:var(--rose-deep);font-weight:600}
.res{margin-top:1.4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.res div{background:var(--mist);border-radius:var(--r-m);padding:.9rem 1rem}
.res b{display:block;font-family:var(--font-head);font-size:1.5rem;letter-spacing:-.02em;line-height:1.1}
.res span{font-size:.82rem;color:var(--muted)}
.res div.good{background:var(--mint)}.res div.bad{background:var(--rose-soft)}
@media (max-width:760px){.tool .grid{grid-template-columns:1fr}.res{grid-template-columns:repeat(2,1fr)}}
.out{margin-top:1.2rem}
.out .item{background:var(--mist);border-radius:var(--r-m);padding:.9rem 1rem;margin-bottom:.6rem;display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:start;font-size:.95rem}
.out .item small{display:block;color:var(--muted);font-size:.78rem;margin-top:.25rem}
.out .copy{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font:inherit;font-size:.82rem;cursor:pointer}
.out .copy:hover{border-color:var(--ink)}
.check{list-style:none;padding:0;margin:1rem 0 0}
.check li{padding:.55rem .8rem;border-radius:var(--r-s);margin-bottom:.4rem;font-size:.93rem;display:flex;gap:.6rem}
.check li.ok{background:var(--mint);color:#0f4d2f}
.check li.warn{background:var(--sun-soft);color:#6b5200}
.check li.err{background:var(--rose-soft);color:#7a1f1a}
.preview{margin-top:1.2rem}
.preview .adcard{max-width:520px}
.url-out{word-break:break-all;background:var(--ink);color:#e8edff;padding:.9rem 1rem;border-radius:var(--r-m);font-family:ui-monospace,monospace;font-size:.88rem;margin-top:1rem}

/* pätička */
footer{background:var(--ink);color:#c9d2e3;padding:3.5rem 0 2rem;margin-top:2rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
footer h4{color:#fff;margin:0 0 .7rem;font-size:1rem}
footer ul{list-style:none;padding:0;margin:0;font-size:.92rem}
footer li{margin-bottom:.4rem}
footer a{color:#c9d2e3;text-decoration:none}
footer a:hover{color:var(--sun)}
footer .brand{color:#fff}
footer .brand .mark{background:var(--sun);color:var(--ink)}
footer .fine{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;color:#8b99b0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
@media (max-width:820px){footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:500px){footer .cols{grid-template-columns:1fr}}

/* hub stránky */
.hub-intro{padding:clamp(2rem,5vw,3.5rem) 0 1rem}
.hub-intro p{color:var(--ink-2);max-width:42rem;font-size:1.1rem}
.glossary dl{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0}
.glossary div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:1rem 1.1rem}
.glossary dt{font-family:var(--font-head);font-weight:700;margin-bottom:.25rem}
.glossary dd{margin:0;color:var(--ink-2);font-size:.93rem}
@media (max-width:760px){.glossary dl{grid-template-columns:1fr}}
.notfound{text-align:center;padding:5rem 0}
.notfound h1{font-size:clamp(3rem,10vw,6rem)}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
.cover{display:block;width:230px;flex:none;border-radius:6px 12px 12px 6px;overflow:hidden;box-shadow:12px 14px 0 -4px #0b1a3b,0 30px 40px -20px rgba(0,0,0,.6);transition:transform .15s ease}
.cover:hover{transform:translateY(-3px)}
.cover img{width:100%;height:auto}
@media (max-width:760px){.cover{margin:0 auto}}

/* autor, zdieľanie, kontrolný zoznam */
.author{display:grid;grid-template-columns:56px 1fr;gap:1rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:1.1rem 1.2rem;margin-top:2rem;font-size:.93rem}
.author .av{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--sun);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:1.1rem}
.author b{font-family:var(--font-head);font-size:1.02rem}
.author p{margin:.25rem 0 .5rem;color:var(--ink-2)}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--cobalt-deep);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkbtn:hover{color:var(--cobalt)}
.tools a:nth-child(5){background:var(--mint);color:var(--ink)}
.tools a:nth-child(6){background:var(--cobalt-soft);color:var(--ink)}
.tools a:nth-child(7){background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.cklist{list-style:none;padding:0;margin:0 0 1rem}
.cklist li{margin:0 0 .4rem}
.cklist label{display:flex;gap:.7rem;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);padding:.7rem .9rem;cursor:pointer}
.cklist input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--cobalt);flex:none}
.cklist input:checked+span{color:var(--muted);text-decoration:line-through}
.ckbar{position:sticky;top:70px;background:var(--mist);padding:.6rem 0;display:flex;align-items:center;gap:.8rem;font-size:.92rem;z-index:5}
.ckprog{flex:1;height:8px;background:var(--mist-2);border-radius:4px;overflow:hidden;max-width:260px}
.ckprog i{display:block;height:100%;width:0;background:var(--cobalt);transition:width .25s ease}
.verdict{border-radius:var(--r-m);padding:1.2rem 1.3rem;margin-top:1.2rem}
.verdict h3{margin:0 0 .4rem}
.verdict.go{background:var(--mint)}.verdict.maybe{background:var(--sun-soft)}.verdict.no{background:var(--rose-soft)}
@media print{.top,footer,aside.side,.contact,.ckbar button,.share,.next,.btn{display:none!important}body{background:#fff;font-size:11pt}.article .wrap{grid-template-columns:1fr}a{color:inherit;text-decoration:none}.cklist label{border:1px solid #999}}

/* animovaní sprievodcovia */
.wt{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:1rem;margin:1.5rem 0 2rem}
.wt-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-head);margin:0 .2rem .8rem}
.wt-top b{font-size:1.05rem}.wt-count{font-size:.85rem;color:var(--muted);font-family:var(--font-body)}
.wt-win{position:relative;display:grid;grid-template-columns:170px 1fr;min-height:420px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;font-size:.86rem}
.wt-side{background:#f7f8fb;border-right:1px solid var(--line);padding:.8rem .6rem}
.wt-logo{font-family:var(--font-head);font-weight:800;font-size:1rem;margin:.2rem .5rem .9rem;color:var(--ink)}
.wt-logo small{font-weight:500;color:var(--muted);font-size:.7rem;font-family:var(--font-body)}
.wt-nav{padding:.42rem .6rem;border-radius:6px;color:var(--ink-2);margin-bottom:.1rem}
.wt-nav.on{background:var(--ink);color:#fff}
.wt-main{padding:1.1rem 1.3rem 1.3rem}
.wt-main.wt-center{grid-column:1/-1;display:grid;place-items:center;background:var(--mist)}
.wt-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:1.3rem;width:min(340px,100%)}
.wt-main h4{margin:0 0 .9rem;font-size:1.05rem}
.wt-steps{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}
.wt-steps span{font-size:.72rem;padding:.2rem .55rem;border-radius:999px;background:var(--mist-2);color:var(--muted)}
.wt-steps span.on{background:var(--cobalt-soft);color:var(--cobalt-deep);font-weight:600}
.wt-f{display:block;margin-bottom:.65rem;border-radius:8px;transition:box-shadow .2s ease}
.wt-f>span{display:block;font-weight:600;font-size:.78rem;margin-bottom:.2rem;color:var(--ink-2)}
.wt-f em{color:var(--rose-deep);font-style:normal}
.wt-f small{display:block;color:var(--muted);font-size:.72rem;margin-top:.15rem}
.wt-in{min-height:2rem;border:1.5px solid var(--line);border-radius:6px;padding:.35rem .6rem;background:#fff;color:var(--ink);word-break:break-word}
.wt-area{min-height:4.2rem}
.wt-sel{display:flex;justify-content:space-between}.wt-sel i{color:var(--muted);font-style:normal}
.wt-f.hl .wt-in,.wt-f.hl .wt-radios{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-soft)}
.wt-cur{display:inline-block;width:2px;height:1em;background:var(--cobalt);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(2) infinite}
.wt-radios{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;border:1.5px solid transparent;border-radius:8px}
.wt-radio{border:1.5px solid var(--line);border-radius:8px;padding:.5rem .65rem;transition:all .2s ease}
.wt-radio b{display:block;font-size:.85rem}.wt-radio small{margin:0;color:var(--muted)}
.wt-radio.on{border-color:var(--cobalt);background:var(--cobalt-soft)}
.wt-chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.wt-chip{background:var(--ink);color:#fff;border-radius:999px;padding:.15rem .6rem;font-size:.78rem}
.wt-chip.new{animation:pop .3s ease}
@keyframes pop{from{transform:scale(.6);opacity:0}}
.wt-btn{font:inherit;font-weight:600;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.45rem .9rem;margin-top:.4rem;transition:transform .15s ease,background .15s ease}
.wt-btn.p{background:var(--ink);color:#fff;border-color:var(--ink)}
.wt-btn.press{transform:scale(.95);background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.wt-warn{background:var(--sun-soft);border-left:3px solid var(--sun);padding:.5rem .7rem;border-radius:0 6px 6px 0;font-size:.8rem;margin:.4rem 0 .7rem}
.wt-tip{background:var(--cobalt-soft);border-left:3px solid var(--cobalt);padding:.5rem .7rem;border-radius:0 6px 6px 0;font-size:.82rem;margin-top:.6rem}
.wt-note{color:var(--muted);font-size:.74rem;display:block;margin-top:.6rem}
.wt-persona{border:1px dashed var(--line);border-radius:var(--r-m);padding:1rem}
.wt-pill{display:inline-block;background:#111;color:#fff;font-weight:700;padding:.15rem .6rem;border-radius:4px;font-size:.75rem;margin-bottom:.5rem}
.wt-status{display:grid;grid-template-columns:auto 1fr;gap:.4rem .7rem;align-items:center;background:var(--mist);border-radius:var(--r-m);padding:1rem}
.wt-status p{grid-column:2;margin:0;color:var(--ink-2)}
.wt-dot{width:12px;height:12px;border-radius:50%;background:var(--sun)}.wt-dot.wait{animation:blink 1.4s infinite}.wt-dot.ok{background:#1d7a4c}
.wt-todo{margin-top:.9rem;font-size:.85rem}.wt-todo ul{margin:.3rem 0 0}
.wt-preview{background:var(--mist);border:1px solid var(--line);border-radius:var(--r-m);padding:.8rem;margin:.6rem 0;max-width:360px}
.wt-preview.big{max-width:none;align-self:start;position:sticky;top:0}
.wt-tag{font-size:.7rem;font-weight:600;color:var(--sun-deep);background:var(--sun-soft);border-radius:4px;padding:.05rem .4rem;display:inline-block;margin-bottom:.3rem}
.wt-pv-row{display:flex;align-items:center;gap:.4rem;font-size:.8rem;margin-bottom:.25rem}
.wt-pv-logo{width:16px;height:16px;border-radius:4px;background:var(--ink);display:inline-block}
.wt-pv-t{font-weight:700;line-height:1.3}.wt-pv-d{color:var(--ink-2);margin-top:.2rem}.wt-pv-u{color:var(--muted);font-size:.75rem;margin-top:.3rem}
.wt-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.wt-table{margin:.2rem 0 .6rem;font-size:.82rem}
.wt-table th,.wt-table td{padding:.45rem .6rem}
.wt-table tr.new{animation:pop .3s ease;background:var(--mint)}
.wt-table tr.hlrow td{background:var(--sun-soft)}
.wt-table [data-rb].hl{background:var(--cobalt-soft);border-radius:4px;padding:0 .3rem}
.wt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.8rem}
.wt-kpis div{background:var(--mist);border-radius:8px;padding:.6rem .7rem}
.wt-kpis b{display:block;font-family:var(--font-head);font-size:1.15rem}.wt-kpis span{color:var(--muted);font-size:.72rem}
.wt-bars{display:flex;gap:4px;align-items:flex-end;height:100px;padding:.3rem 0}
.wt-bars i{flex:1;background:var(--cobalt);border-radius:3px 3px 0 0;animation:grow .6s ease}
@keyframes grow{from{height:0!important}}
.wt-tree{display:flex;flex-direction:column;gap:.5rem}
.wt-node{border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;background:#fff}
.wt-node.root{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}
.wt-node.camp{background:var(--cobalt-soft);border-color:#c5d0ff;padding-bottom:.5rem}
.wt-node.grp{background:#fff;margin:.35rem 0 0 1.2rem;font-size:.8rem;padding:.3rem .6rem}
.wt-node.new{animation:pop .3s ease}
.wt-toast{position:absolute;right:1rem;bottom:1rem;background:var(--ink);color:#fff;padding:.6rem .9rem;border-radius:8px;font-size:.82rem;opacity:0;transform:translateY(8px);transition:all .25s ease;max-width:70%}
.wt-toast.show{opacity:1;transform:none}
.wt-cap{margin-top:1rem;padding:.9rem 1rem;background:var(--mist);border-radius:var(--r-m)}
.wt-cap-t{font-family:var(--font-head);font-weight:700;font-size:1.05rem;margin-bottom:.25rem}
.wt-cap-x{color:var(--ink-2);font-size:.95rem}
.wt-ctl{display:flex;align-items:center;gap:.6rem;margin-top:.9rem;flex-wrap:wrap}
.wt-dots{display:flex;gap:.35rem;flex:1;justify-content:center}
.wt-dots button{width:10px;height:10px;border-radius:50%;border:0;background:var(--mist-2);padding:0;cursor:pointer}
.wt-dots button.past{background:#b9c4d6}.wt-dots button.on{background:var(--cobalt);transform:scale(1.3)}
.wt-ctl .btn{padding:.5rem .9rem;font-size:.9rem}
.wt-ctl button:disabled{opacity:.4;cursor:default}
.wt-disc{font-size:.76rem;color:var(--muted);margin:.8rem .2rem 0}
@media (max-width:760px){.wt-win{grid-template-columns:1fr}.wt-side{display:flex;gap:.3rem;overflow:auto;padding:.5rem}.wt-side .wt-logo{display:none}.wt-nav{white-space:nowrap;font-size:.78rem}.wt-two{grid-template-columns:1fr}.wt-preview.big{position:static}.wt-kpis{grid-template-columns:repeat(2,1fr)}}

/* ďalšie scény sprievodcov */
.wt-solo{grid-column:1/-1}
.wt-chat{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:.9rem;max-width:560px}
.wt-cbar{font-size:.75rem;color:var(--muted);margin-bottom:.6rem}
.wt-u{margin-left:auto;max-width:90%;background:var(--ink);color:#fff;padding:.55rem .8rem;border-radius:14px 14px 4px 14px;width:fit-content;min-height:1.6em;min-width:2rem}
.wt-a{margin:.7rem 0;color:var(--ink-2);min-height:2.4em}
.wt-card-slot{transform:translateY(6px)}
.wt-noad{margin-top:.6rem;font-size:.8rem;color:var(--muted);border:1px dashed var(--line);border-radius:8px;padding:.5rem .7rem;opacity:0;transition:opacity .4s}
.wt-noad.show{opacity:1}
.wt-tag.hl{box-shadow:0 0 0 3px var(--sun)}
.wt-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}
.wt-plan{border:1.5px solid var(--line);border-radius:8px;padding:.6rem .7rem;transition:all .3s}
.wt-plan b{display:block}.wt-plan span{font-size:.75rem;color:var(--muted)}
.wt-plan.yes{border-color:#1d7a4c;background:var(--mint)}.wt-plan.no{opacity:.45}
.wt-timeline{display:grid;gap:.5rem}
.wt-tl{display:grid;grid-template-columns:110px 1fr;gap:.6rem;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--line);opacity:.35;transition:all .35s}
.wt-tl.on{opacity:1}.wt-tl.hl{background:var(--sun-soft);border-color:var(--sun)}
.wt-tl b{font-family:var(--font-head)}
.wt-flags{display:flex;flex-wrap:wrap;gap:.35rem}
.wt-flag{width:42px;text-align:center;padding:.3rem 0;border-radius:6px;background:var(--mist-2);color:var(--muted);font-weight:600;font-size:.78rem;transition:all .3s}
.wt-flag.on{background:var(--cobalt-soft);color:var(--cobalt-deep)}.wt-flag.hl{background:var(--ink);color:var(--sun);transform:scale(1.12)}
.wt-in.dis{background:var(--mist);color:var(--muted);text-decoration:line-through}
.wt-board{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.wt-bstep{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;border:1.5px solid var(--line);border-radius:8px;padding:.5rem .7rem;transition:all .3s}
.wt-bstep i{font-style:normal;font-family:var(--font-head);font-weight:800;color:var(--muted)}
.wt-bstep.on{border-color:var(--cobalt);background:var(--cobalt-soft)}.wt-bstep.on i{color:var(--cobalt)}
.wt-bstep.done{background:var(--mint);border-color:#bfe6d0}.wt-bstep.done i{color:#1d7a4c}.wt-bstep.done em:after{content:"✓";color:#1d7a4c;font-weight:700}
.wt-convs{display:grid;gap:.4rem}
.wt-conv{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;font-size:.8rem;transition:all .3s}
.wt-cm{font-size:.7rem;font-weight:600;white-space:nowrap}
.wt-conv.yes{background:var(--mint);border-color:#bfe6d0}.wt-conv.yes .wt-cm{color:#1d7a4c}
.wt-conv.no{opacity:.5}.wt-conv.no .wt-cm{color:var(--muted)}
.wt-conv.maybe{background:var(--sun-soft)}.wt-conv.maybe .wt-cm{color:var(--sun-deep)}
.wt-in.bad{border-color:var(--rose-deep);background:var(--rose-soft)}.wt-in.good{border-color:#1d7a4c;background:var(--mint)}
.wt-auction{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.wt-bidder{border:1.5px solid var(--line);border-radius:10px;padding:.7rem;opacity:.3;transition:all .35s;display:grid;gap:.15rem}
.wt-bidder.on{opacity:1}.wt-bidder b{font-family:var(--font-head)}.wt-bidder span{font-size:.78rem;color:var(--muted)}.wt-bidder em{font-style:normal;color:var(--ink);font-weight:600}
.wt-bidder small{color:var(--muted);font-size:.72rem}.wt-score{font-style:normal;font-weight:700;color:var(--cobalt);margin-top:.3rem;min-height:1.2em}
.wt-bidder.win{border-color:#1d7a4c;background:var(--mint);transform:scale(1.04)}
.wt-budget{position:relative;padding:1.2rem 0 0;margin-top:.5rem}
.wt-bline{position:absolute;left:0;right:0;border-top:2px dashed var(--cobalt);font-size:.7rem;color:var(--cobalt)}
.wt-bline.max{border-color:var(--rose-deep);color:var(--rose-deep)}
.wt-bline span{position:absolute;right:0;top:-1.2em;background:#fff;padding:0 .3rem}
.wt-bars.tall{height:160px;gap:8px}
.wt-bars.tall i{height:0;transition:height .8s ease;position:relative;animation:none}
.wt-bars.tall i.grow{height:var(--h)}
.wt-bars.tall i b{position:absolute;top:-1.4em;left:0;right:0;text-align:center;font-size:.7rem;color:var(--ink-2)}
.wt-days{display:flex;gap:8px}.wt-days span{flex:1;text-align:center;font-size:.72rem;color:var(--muted)}
.wt-calc{display:grid;gap:.4rem;max-width:420px}
.wt-crow{display:flex;justify-content:space-between;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--line);opacity:.35;transition:all .3s}
.wt-crow.on{opacity:1}.wt-crow.hl{background:var(--ink);color:#fff;border-color:var(--ink)}.wt-crow b{font-family:var(--font-head)}
.wt-code{background:var(--ink);color:#e8edff;font-family:ui-monospace,monospace;font-size:.78rem;padding:.7rem .9rem;border-radius:8px;min-height:2.6em;margin:.3rem 0 .6rem}
.wt-gtm{border:1px solid var(--line);border-radius:10px;padding:.9rem}
.wt-gtm-h{font-weight:700;font-size:.8rem;color:var(--muted);margin-bottom:.7rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}
.wt-ok{color:#1d7a4c;font-weight:600}.wt-bad{color:var(--rose-deep);font-weight:600}.wt-wait{color:var(--sun-deep);font-weight:600}
.wt-flow{display:grid;gap:.5rem}
.wt-fnode{border:1.5px solid var(--line);border-radius:8px;padding:.6rem .8rem;opacity:.3;transition:all .35s;position:relative}
.wt-fnode.on{opacity:1;border-color:var(--cobalt)}.wt-fnode.hl{background:var(--mint);border-color:#1d7a4c}
.wt-fnode+.wt-fnode:before{content:"↓";position:absolute;top:-1.1em;left:1rem;color:var(--muted);font-size:.8rem}
.wt-serp{border:1px solid var(--line);border-radius:10px;padding:.9rem}
.wt-serp-h{font-weight:800;font-family:var(--font-head);margin-bottom:.5rem}
.wt-serp-q{border:1.5px solid var(--line);border-radius:999px;padding:.4rem .8rem;min-height:2em;margin-bottom:.7rem}
.wt-serp-ad{border-left:3px solid var(--sun);padding:.35rem .6rem;margin-bottom:.35rem;font-size:.8rem;opacity:0;transform:translateX(-6px);transition:all .3s}
.wt-serp-ad.on{opacity:1;transform:none}.wt-serp-ad b{font-size:.68rem;color:var(--sun-deep);margin-right:.3rem}
.wt-serp-org{font-size:.75rem;color:var(--muted);margin-top:.5rem}
.wt-checks{display:grid;gap:.45rem;max-width:520px}
.wt-ck{display:flex;gap:.6rem;align-items:center;border:1.5px solid var(--line);border-radius:8px;padding:.55rem .7rem;transition:all .3s}
.wt-ck i{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center;font-size:.7rem;font-style:normal}
.wt-ck.ok{background:var(--mint);border-color:#bfe6d0}.wt-ck.ok i{background:#1d7a4c;border-color:#1d7a4c;color:#fff}.wt-ck.ok i:after{content:"✓"}
.wt-ck.bad{background:var(--rose-soft);border-color:#f0b6b2}.wt-ck.bad i{background:var(--rose-deep);border-color:var(--rose-deep);color:#fff}.wt-ck.bad i:after{content:"✕"}
.wt-toggle{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.85rem}
.wt-toggle i{width:38px;height:22px;border-radius:11px;background:#1d7a4c;position:relative;transition:background .3s}
.wt-toggle i:after{content:"";position:absolute;top:3px;left:19px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .3s}
.wt-toggle.off i{background:var(--mist-2)}.wt-toggle.off i:after{left:3px}
@media (max-width:760px){.wt-board,.wt-auction{grid-template-columns:1fr}}

.anim{color:var(--sun-deep);font-weight:600}

.wt-chat.wide{max-width:none}
.wt-conn{float:right;font-size:.7rem;background:var(--mist-2);border-radius:999px;padding:.1rem .5rem}
.wt-conn.on{background:var(--mint);color:#1d7a4c}
.wt-msgs .wt-u{margin-bottom:.6rem}
.wt-propose{background:var(--mist);border:1px solid var(--line);border-radius:10px;padding:.8rem .9rem;font-size:.85rem;line-height:1.55;margin-top:.5rem}
.wt-propose b{font-family:var(--font-head)}
.wt-confirm{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}
.wt-confirm .wt-btn{margin-top:0}
.wt-plug{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;margin-bottom:.5rem}
.wt-plug b{font-family:var(--font-head)}.wt-plug span{grid-column:1;font-size:.8rem;color:var(--muted)}.wt-plug .wt-btn{grid-row:1/3;margin:0}

.wt-eqs{border:1px solid var(--line);border-radius:10px;padding:.8rem .9rem}
.wt-eqs-h{display:flex;justify-content:space-between;align-items:center}
.wt-eqs .wt-score{font-family:var(--font-head);font-size:1.3rem;color:var(--ink);margin:0}
.wt-eqs-bar{height:10px;background:var(--mist-2);border-radius:5px;margin-top:.5rem;overflow:hidden}
.wt-eqs-bar i{display:block;height:100%;width:0;background:var(--sun-deep);transition:width .6s ease,background .6s}
.wt-eqs-bar i.w5{width:50%}.wt-eqs-bar i.w8{width:80%;background:#1d7a4c}
.wt-toggle span small{color:var(--muted);font-weight:400}