/* article: vygenerované z návrhu nástrojom tools/split_css.py */
.art-head{padding-top:clamp(130px,12vw,170px);display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.art-head .d1{font-size:clamp(2.2rem,4.6vw,4.6rem);max-width:20ch}
.art-head .lead{font-size:clamp(1.1rem,1.6vw,1.4rem);max-width:60ch}
.by{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:.92rem;color:var(--fg2)}
.by .who{margin:0}
.by .who i{width:44px;height:44px;border-radius:50%;font-size:.8rem;color:#fff}
.by .who b{font-size:1rem;color:var(--fg)}
.by .who span{color:var(--fg3)}
.by>span{display:inline-flex;align-items:center;gap:7px}
.by .i{width:16px;height:16px;color:var(--violet)}
.art-cover{margin-top:40px;border-radius:var(--r-xl);overflow:hidden}
.art-cover .cover{aspect-ratio:16/5.4}
.art-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(30px,6vw,110px);align-items:start;padding-top:clamp(40px,5vw,80px)}
.toc{position:sticky;top:120px;display:flex;flex-direction:column;gap:4px;font-size:.93rem}
.toc small{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--fg3);margin-bottom:8px}
.toc a{padding:8px 0 8px 16px;border-left:2px solid var(--hair);color:var(--fg2);transition:color .3s,border-color .3s}
.toc a:hover,.toc a.on{color:var(--violet-deep);border-color:var(--violet)}
.txt{max-width:760px;display:flex;flex-direction:column;gap:20px;font-size:1.1rem;line-height:1.75;color:var(--fg2)}
.txt h2{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.16;letter-spacing:-.02em;color:var(--fg);margin-top:26px;scroll-margin-top:120px}
.txt strong{color:var(--fg);font-weight:600}
.txt a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.txt ol,.txt ul{display:flex;flex-direction:column;gap:10px;padding-left:22px;list-style:revert}
.tldr{border-radius:var(--r-lg);background:var(--mist);color:var(--ink);padding:28px 30px;display:flex;flex-direction:column;gap:12px;font-size:1.03rem;line-height:1.62}
.tldr small{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--violet-deep);font-weight:600}
.tldr li{display:flex;gap:12px;align-items:flex-start}
.tldr .i{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--violet);color:#fff;stroke-width:2.4;margin-top:3px}
.txt .tldr ul{padding:0;list-style:none}
.inline-cta{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);color:#fff;padding:30px;display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;justify-content:space-between;line-height:1.35}
.inline-cta b{font-family:var(--display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em;display:block}
.inline-cta span{font-size:.98rem;color:rgba(255,255,255,.9)}
.src{font-size:.95rem}
.author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;padding:30px;border-radius:var(--r-lg);border:1px solid var(--hair);align-items:center}
.author>i{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-weight:500;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,var(--violet),var(--lilac))}
.author h3{font-family:var(--display);font-weight:500;font-size:1.4rem}
.author small{color:var(--fg3);font-size:.86rem}
.author p{margin-top:8px;color:var(--fg2);font-size:.98rem;max-width:60ch}
@media (max-width:1080px){
  .art-grid{grid-template-columns:minmax(0,1fr)}
  .toc{position:static}
  .toc{display:none}
}
@media (max-width:760px){
  .author{grid-template-columns:minmax(0,1fr)}
  .art-cover .cover{aspect-ratio:16/9}
}
.txt a{color:var(--violet);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .25s}
.by .who img{width:44px;height:44px;border-color:var(--hair)}
.author>img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.txt ol{list-style:decimal;padding-left:22px}
.legal .txt h2{font-family:var(--display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em;color:var(--fg);margin-top:16px;scroll-margin-top:110px}
.legal .txt ul{padding-left:22px;display:flex;flex-direction:column;gap:10px}
.legal .txt a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){
  .art-head{padding-top:84px;gap:14px}
}
/* hlavička článku na celú šírku, nižší obrázok pod ňou */
.art-head .d1{max-width:none;font-size:clamp(2.1rem,4vw,4rem)}
.art-head .lead{max-width:90ch}
.art-cover{margin-top:32px}
.art-cover .cover{aspect-ratio:auto;height:clamp(120px,15vw,220px)}
/* širší stĺpec článku: text má krátky riadok, tabuľky a grafy idú na celú šírku stĺpca */
.art-grid{grid-template-columns:240px minmax(0,1fr);gap:clamp(30px,5vw,90px)}
.txt{max-width:1000px}
.txt>p,.txt>ul,.txt>ol,.txt>h2,.txt>h3{max-width:820px}
/* vizuálne prvky článku (píše ich content engine) */
.viz{border-radius:var(--r-lg);border:1px solid var(--hair);background:#fff;color:var(--ink);padding:26px 28px;font-size:1rem;line-height:1.55}
.viz-title{display:block;font-family:var(--display);font-weight:500;font-size:1.25rem;letter-spacing:-.015em;margin-bottom:16px;color:var(--ink)}
.txt .viz ol,.txt .viz ul{list-style:none;padding:0;gap:0}
.viz-steps ol{counter-reset:s;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px!important}
.viz-steps li{counter-increment:s;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--mist)}
.viz-steps li::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--violet);color:#fff;font-family:var(--display);font-size:.9rem;margin-bottom:6px}
.viz-steps li b{font-weight:600;color:var(--ink)}
.viz-steps li span{font-size:.94rem;color:var(--ink-2)}
.viz-bars{margin:0;display:flex;flex-direction:column;gap:12px}
.viz-bars .viz-title{margin-bottom:6px}
.viz-bar{display:grid;grid-template-columns:minmax(120px,30%) minmax(0,1fr) auto;gap:14px;align-items:center;font-size:.95rem}
.viz-bar i{display:block;height:14px;border-radius:7px;background:var(--mist);overflow:hidden}
.viz-bar u{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--violet),var(--lilac));text-decoration:none}
.viz-bar b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.viz-bars figcaption{font-size:.84rem;color:var(--ink-3);margin-top:4px}
.viz-pc>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.viz-pc>div>div{padding:18px 20px;border-radius:18px}
.viz-plus{background:#E9F7EE}
.viz-minus{background:#FCEDEA}
.viz-pc small,.viz-note small{display:block;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600;margin-bottom:8px}
.viz-plus small{color:#17663A}
.viz-minus small{color:#A3341F}
.txt .viz-pc ul{display:flex;flex-direction:column;gap:8px!important}
.viz-pc li{position:relative;padding-left:22px;font-size:.96rem}
.viz-pc li::before{position:absolute;left:0;font-weight:700}
.viz-plus li::before{content:"+";color:#17663A}
.viz-minus li::before{content:"\2212";color:#A3341F}
.txt .viz-check ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px!important}
.viz-check li{display:flex;gap:10px;align-items:flex-start}
.viz-check .i{flex:none;width:20px;height:20px;padding:4px;border-radius:50%;background:var(--violet);color:#fff;stroke-width:2.4;margin-top:2px}
.viz-note{border:0;border-left:4px solid var(--violet);border-radius:0 var(--r-lg) var(--r-lg) 0;background:var(--mist)}
.viz-note small{color:var(--violet-deep)}
.viz-warning{border-left-color:#D98A00;background:#FFF6E0}
.viz-warning small{color:#8A5A00}
@media (max-width:760px){
  .viz{padding:20px 18px}
  .viz-pc>div{grid-template-columns:1fr}
  .viz-bar{grid-template-columns:1fr auto}
  .viz-bar span{grid-column:1/-1}
}
/* tabuľky v článku sú textové: posledný stĺpec sa zalamuje a nie je cenový */
.txt .tbl td:last-child,.txt .tbl th:last-child{text-align:left;font-family:inherit;font-weight:400;white-space:normal}
.txt .tbl td:first-child{font-weight:600;color:var(--fg)}
.txt .tbl th,.txt .tbl td{padding:15px 20px;vertical-align:top;line-height:1.5}
/* hlavička článku: svetlý panel s jemným farebným prechodom namiesto plochy s ikonou */
.art-head{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(96px,8vw,118px);padding:clamp(28px,4vw,60px);border-radius:var(--r-xl);background:var(--mist);gap:20px}
.art-head::before{content:"";position:absolute;z-index:-1;right:-8%;top:-60%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(145,55,205,.30),rgba(145,55,205,0));pointer-events:none}
.art-head::after{content:"";position:absolute;z-index:-1;right:18%;bottom:-70%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(226,120,255,.26),rgba(226,120,255,0));pointer-events:none}
.art-head .crumbs.ink{background:rgba(255,255,255,.7)}
.art-cover{margin-top:16px}
.art-cover img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}
/* autor a súvisiaca služba vedľa seba */
.art-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:stretch;padding-top:clamp(40px,5vw,80px)}
.art-duo>section{max-width:none;margin:0;padding:0;display:flex}
.art-duo>section>*{flex:1;min-width:0}
.art-duo .author{align-items:start;height:100%}
.art-duo .promo{grid-template-columns:minmax(0,1fr);padding:clamp(24px,2.6vw,38px);border-radius:var(--r-lg);align-content:center}
.art-duo .promo h3{font-size:clamp(1.4rem,2vw,2rem)}
.art-duo .promo .btn{justify-self:start}
@media (max-width:900px){
  .art-duo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .art-head{margin-top:72px;padding:22px 18px;gap:14px}
}