:root{--ink:#202d31;--muted:#526469;--paper:#f7f7f1;--panel:#fff;--line:#d9dfd9;--accent:#a63819;--soft:#fae9dc;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 var(--font)}body[data-brand=zrozumoki]{--ink:#142b42;--muted:#4c6073;--paper:#f3f5f8;--accent:#234e83;--soft:#e3eaf4}body[data-brand=okiporadnik]{--ink:#243c32;--muted:#52645a;--paper:#faf8f2;--accent:#32624e;--soft:#e5ede3;font-size:18px}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:white;padding:12px}.skip:focus{top:12px}.top{max-width:1160px;margin:auto;padding:22px 28px;display:flex;gap:20px;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:850;text-decoration:none;color:var(--ink);letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;color:var(--ink)}.prototype{background:var(--ink);color:white;text-align:center;padding:7px 20px;font-size:12px;letter-spacing:.035em}main{max-width:1160px;margin:auto;padding:42px 28px 70px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:750;color:var(--accent);margin:0 0 18px}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(36px,5.5vw,66px);max-width:840px;margin:0 0 24px}h2{font-size:30px;margin:40px 0 20px}h3{font-size:22px}.intro{max-width:760px;font-size:21px;line-height:1.55;color:var(--muted)}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;padding:24px 0 50px;border-bottom:1px solid var(--line)}.hero-aside{align-self:center;background:var(--soft);padding:30px;border-radius:18px}.hero-aside strong{font-size:45px;line-height:1;display:block;margin:8px 0 18px;letter-spacing:-2px}.hero-aside p{font-size:15px}.button,button{display:inline-block;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:7px;padding:12px 18px;font-weight:650;cursor:pointer;text-decoration:none;font-size:15px;line-height:1.5}.secondary{background:transparent;color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px}.card h3{margin:0}.card p{font-size:15px;color:var(--muted);margin:0 0 8px}.card a{margin-top:auto;font-size:15px;font-weight:700}.card .number{font-size:12px;color:var(--accent);letter-spacing:.1em}.section-head{display:flex;align-items:baseline;gap:20px;justify-content:space-between}.section-head p{font-size:14px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px;margin-top:32px}.calculator{border:1px solid var(--line);background:var(--panel);padding:30px;border-radius:14px}.side{font-size:15px}.side h2{font-size:21px;margin-top:0}.side ol{padding-left:22px}.side li{margin-bottom:16px}.side p{color:var(--muted)}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend{font-weight:750;margin-bottom:18px;font-size:19px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}label{display:block;font-size:15px;font-weight:650;margin-bottom:7px}input,select{display:block;width:100%;min-width:0;background:#fff;border:1px solid #9caeaa;border-radius:6px;padding:12px;color:var(--ink)}.hint{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:6px}.full{grid-column:1/-1}.group-info{font-size:14px;background:var(--soft);padding:18px;border-radius:8px;margin:20px 0}.result{margin-top:30px;border:2px solid var(--accent);border-radius:14px;background:var(--panel);padding:30px}.result h2{margin-top:0}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}.metric{background:var(--soft);padding:20px;border-radius:8px}.metric span{font-size:13px;display:block;line-height:1.5}.metric strong{font-size:clamp(23px,3vw,34px);letter-spacing:-1px;overflow-wrap:anywhere;display:block;margin-top:8px}.result li{font-size:14px;margin-bottom:10px}.muted{color:var(--muted);font-size:13px}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}pre{overflow:auto;max-height:400px;font-size:12px;padding:18px;background:var(--paper)}.table-wrap{overflow-x:auto;margin-top:18px}table{border-collapse:collapse;width:100%;font-size:13px}caption{text-align:left;color:var(--muted);padding:10px 0}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}.article{max-width:760px}.article h1{font-size:48px}.article h2{font-size:28px}.article p,.article li{line-height:1.8}.note{background:var(--soft);padding:22px;border-radius:8px;font-size:15px}.breadcrumbs{font-size:13px;margin-bottom:26px}.source{border-top:1px solid var(--line);padding-top:20px;font-size:14px;margin-top:35px}footer{border-top:1px solid var(--line);max-width:1160px;margin:auto;padding:25px 28px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:24px}.hero-aside{max-width:100%}.hero-aside strong{font-size:34px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.side{border-bottom:1px solid var(--line);padding-bottom:20px}.layout .side{order:-1}.top{align-items:flex-start}nav{gap:12px}.intro{font-size:19px}}@media(max-width:520px){main{padding:30px 18px 50px}.top{padding:18px;display:block}nav{margin-top:12px}.cards,.fields,.metrics{grid-template-columns:1fr}.calculator,.result{padding:21px}.section-head{display:block}.article h1{font-size:36px}.hero{padding-top:12px}.button,button{min-height:46px}.metric strong{font-size:29px}}@media print{nav,.prototype,.skip,form,.side,footer,.actions,.result button,#webmcp-status{display:none!important}body{background:white;color:black;font-size:11pt}main{padding:0}.layout{display:block}.result{border:1px solid #aaa;padding:15px}.metric{background:white;border:1px solid #aaa}details{display:block}details pre{max-height:none}h1{font-size:26pt}.table-wrap{overflow:visible}}
textarea{display:block;width:100%;min-width:0;border:1px solid #9caeaa;border-radius:6px;padding:12px;font:inherit;font-size:15px;background:#fff;color:var(--ink);resize:vertical}input[type=search]{max-width:650px}.filter-panel{margin:28px 0}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.chip{background:transparent;color:var(--ink);border-color:var(--line);border-radius:30px;padding:8px 15px;font-size:13px;font-weight:500}.chip.active{background:var(--accent);color:white;border-color:var(--accent)}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:60px}.reading-side{border-left:1px solid var(--line);padding-left:25px;font-size:15px;align-self:start;position:sticky;top:24px}.reading-side h2{font-size:23px}.reading-side p{color:var(--muted)}.lead{font-size:21px;color:var(--muted);line-height:1.6}.article .note h2{font-size:21px;margin-top:0}.article dd{margin:8px 0 24px}.article dt{font-weight:750;font-size:21px}.article dl>div{border-bottom:1px solid var(--line);padding-top:20px}.chart{width:100%;max-height:240px;color:var(--accent);margin:20px 0}.chart text{fill:var(--muted);font-size:13px}.worksheet{table-layout:fixed;min-width:650px}.worksheet th,.worksheet td{white-space:normal;vertical-align:top;text-align:left}.worksheet textarea{font-size:14px}.worksheet th:first-child{width:28%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.print-only{display:none}footer p{max-width:550px}body[data-brand=zrozumoki] .result{border-radius:4px}body[data-brand=zrozumoki] .card{border-radius:5px}body[data-brand=okiporadnik] label{font-size:17px}body[data-brand=okiporadnik] input,body[data-brand=okiporadnik] select{padding:14px}body[data-brand=prosteoki] legend{color:var(--accent)}.article h1{overflow-wrap:break-word}h1{max-width:900px}@media(max-width:1000px){.reading-layout{grid-template-columns:minmax(0,1fr)}.reading-side{position:static;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.top{flex-wrap:wrap}}@media(max-width:520px){.lead{font-size:19px}.article h1{font-size:34px}.chips{gap:7px}.chip{padding:9px 12px;font-size:12px}footer{display:block}.chart{margin-left:-8px;width:calc(100% + 16px)}}@media print{.print-only{display:block;font-size:10pt}.raw-data,.reading-side,.filter-panel,.chart,.breadcrumbs,#comparison-result{display:none!important}.reading-layout{display:block}.article{max-width:none}.worksheet textarea{border:1px solid #aaa}.worksheet{min-width:0}.result{break-inside:auto}.metric{break-inside:avoid}.metrics{grid-template-columns:1fr 1fr}.prototype{display:none}}
.table-wrap{position:relative;max-width:100%}.sr-only{left:0;top:0;clip-path:inset(50%)}
