/* Tooladia — общий стиль. Цвета/шрифт — docs/ad-site/visual-system.md, раскладка — docs/ad-site/ux-layout.md, реклама — ads-rules.md */
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+2010-2212}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-cyr.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-04FF}
:root{
  --bg:#F5F6F3;--surface:#fff;--card:#fff;--sunken:#EEF0EC;
  --ink:#17201F;--ink-2:#3A4644;--mute:#5A6563;--line:#E2E5E0;--line-strong:#858F8C;
  --acc:#0B5C55;--acc-hover:#084842;--acc-soft:#E7F2F0;--acc2:#E7F2F0;
  --brand:#0B5C55;--brand-ink:#084842;--bg-soft:#EEF0EC;--radius:14px;--r:16px;
  --g-pdf:#B3362E;--g-pdf-soft:#FBEDEC;--g-money:#8A6512;--g-money-soft:#FAF3E3;
  --g-text:#3E43B8;--g-text-soft:#EEEFFB;--g-math:#8B3A86;--g-math-soft:#F7EDF6;--g-img:#1F6391;--g-img-soft:#EAF2F8;
  --ok:#1E6B3E;--ok-soft:#ECF6EF;--err:#A1281B;--err-soft:#FCEDEB;--warn:#7A5A00;--warn-soft:#FBF4DF;
  --ad-bg:#F0F1EE;--ad-label:#6B7573;
  --r-s:8px;--r-m:12px;--r-l:16px;--r-xl:20px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(23,32,31,.05);--sh-2:0 1px 2px rgba(23,32,31,.04),0 8px 24px -12px rgba(23,32,31,.14);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  --top:56px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{font-family:var(--font);color:var(--ink);background:var(--bg);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;font-size:16px;line-height:1.6}
a{color:var(--acc)}img{max-width:100%}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:6px}
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.sm{width:16px;height:16px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;z-index:50}.skip:focus{left:8px}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}

/* ── шапка ── */
.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
@media(max-height:500px){.top{position:static}}
.bar{max-width:1220px;margin:0 auto;height:var(--top);display:flex;align-items:center;gap:4px;padding:0 8px 0 16px}
.logo{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;min-height:44px;margin-right:auto}
.logo .mark{width:26px;height:26px;border-radius:7px;background:var(--acc);display:grid;place-items:center}
.iconbtn{min-width:44px;height:44px;border-radius:10px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--ink-2);cursor:pointer;font:500 13px var(--font);padding:0 6px}
.iconbtn:hover{background:var(--sunken)}
.mmenu span{font-size:13px}
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;height:44px;min-width:44px;margin:0 2px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-pill);font:600 13px/42px var(--font);color:var(--ink-2);text-align:center}
.lang summary::-webkit-details-marker{display:none}
.lang div{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;display:grid;min-width:200px;box-shadow:var(--sh-2);z-index:30}
.lang div a{padding:0 12px;min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--ink);border-radius:8px}
.lang div a[aria-current]{background:var(--acc-soft);color:var(--acc);font-weight:600}
.dnav,.dsearch{display:none}
@media(min-width:1024px){
  :root{--top:64px}
  .bar{padding:0 24px;gap:8px}.logo{margin-right:16px}
  .dnav{display:flex;gap:2px;margin-right:auto}
  .dlink{font:600 15px var(--font);color:var(--ink-2);text-decoration:none;padding:0 12px;height:44px;display:inline-flex;align-items:center;gap:4px;border-radius:10px;border:0;background:transparent;cursor:pointer}
  .dlink:hover,.dlink[aria-expanded=true]{background:var(--sunken);color:var(--ink)}
  .dsearch{display:flex;align-items:center;gap:10px;width:280px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--mute);font:400 14px var(--font);cursor:text;text-align:left}
  .dsearch span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .msearch,.mmenu{display:none}
}

/* ── лист меню и поиска ── */
.sheet{position:fixed;inset:0;z-index:40;background:rgba(23,32,31,.32)}
.sheet[hidden]{display:none}
.sheet-in{background:var(--bg);height:100%;overflow:auto;overscroll-behavior:contain;padding:0 16px 32px}
.sheet-top{position:sticky;top:0;background:var(--bg);display:flex;gap:8px;align-items:center;padding:8px 0;z-index:1}
.sbox{flex:1;display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;background:#fff;border:1px solid var(--line-strong);border-radius:14px;color:var(--mute)}
.sbox input{border:0;outline:0;padding:0;min-height:0;height:100%;font:400 17px var(--font);background:transparent;width:100%;color:var(--ink)}
.sbox:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.sres{list-style:none;margin:8px 0 16px;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.sres a,.sg a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;color:var(--ink);text-decoration:none}
.sres li+li a{border-top:1px solid var(--line)}
.sres a[aria-selected=true],.sres a:hover,.sg a:hover{background:var(--acc-soft)}
.sres small{display:block;color:var(--mute);font-size:13px;line-height:1.3}
.snone{margin:12px 4px;color:var(--ink-2)}
.sg{margin:20px 0 0}.sg h3{font:600 13px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 4px 8px}
.sg ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.sg li+li a{border-top:1px solid var(--line)}
.sg .tile,.sres .tile{width:36px;height:36px;border-radius:10px}
.sg .ico,.sres .ico{width:20px;height:20px}
@media(min-width:1024px){
  .sheet{top:var(--top);background:rgba(23,32,31,.18)}
  .sheet-in{height:auto;max-height:calc(100vh - var(--top) - 24px);max-width:1220px;margin:0 auto;border-radius:0 0 20px 20px;padding:0 24px 24px;box-shadow:var(--sh-2)}
  .sgroups{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 20px}
  .sg ul{border:0;background:transparent}.sg li+li a{border-top:0}.sg a{min-height:36px;padding:4px 8px;border-radius:8px}
  .sg .tile{width:28px;height:28px;border-radius:8px}.sg .ico{width:16px;height:16px}
}

/* ── заголовки, текст ── */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin:4px 0 0;font-size:13px;color:var(--mute)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li:before{content:"›";margin:0 6px}
.crumbs a{color:var(--mute);min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.crumbs li[aria-current]{display:none}
h1{font-size:28px;line-height:1.15;letter-spacing:-.022em;margin:4px 0 6px;font-weight:700}
h2{font-size:20px;line-height:1.25;letter-spacing:-.015em;margin:32px 0 10px;font-weight:700}
.sub{font-size:17px;color:var(--ink-2);margin:0 0 16px;line-height:1.45}
.cswitch{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:-4px 0 16px;font-size:14px;color:var(--mute)}
.cswitch a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--ink-2);font-weight:500;text-decoration:none}
.cswitch a:hover{border-color:var(--acc);color:var(--acc)}
.cswitch a[aria-current]{background:var(--acc-soft);border-color:var(--acc);color:var(--acc);font-weight:600}
.lead{font-size:16px;color:var(--ink-2);margin:0 0 20px;max-width:60ch}
.answer{font-size:16px;color:var(--ink-2);margin:24px 0 0;max-width:68ch}
.text p,.text li{max-width:68ch}
.eyebrow{font:600 13px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0}
@media(min-width:1024px){h1{font-size:40px;line-height:1.1}h2{font-size:26px}.answer,.lead{font-size:18px}.text p,.text li{font-size:17px}}

/* ── главная и разделы ── */
.hero{padding:24px 0 8px}
.is-home .hero h1{font-size:30px;line-height:1.12;letter-spacing:-.025em}
@media(min-width:1024px){.is-home .hero h1{font-size:48px;line-height:1.08;max-width:22ch}}
.bigsearch{display:flex;align-items:center;gap:12px;width:100%;height:56px;padding:0 16px;background:#fff;border:1px solid var(--line-strong);border-radius:14px;font:400 17px var(--font);color:var(--mute);cursor:text;text-align:left}
.bigsearch span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bigsearch:hover{border-color:var(--acc)}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:16px -16px 8px;padding:4px 16px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--ink);text-decoration:none;font:500 15px var(--font);white-space:nowrap}
.chip[aria-current=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--g-pdf)}
.dot.money{background:var(--g-money)}.dot.text{background:var(--g-text)}.dot.math{background:var(--g-math)}.dot.img{background:var(--g-img)}.dot.life{background:var(--ok)}
.grp{margin:8px 0 0}.grp[hidden]{display:none}
.grp h2{margin:28px 0 2px}.gsub{margin:0 0 12px;color:var(--mute);font-size:14px}
.ghead{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}
.all{font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:14px;display:grid;align-content:start;gap:10px;box-shadow:var(--sh-1);min-height:118px;text-decoration:none;color:var(--ink)}
.tcard:hover{border-color:#CBD2CE;box-shadow:var(--sh-2)}
.tcard b{display:block;font-size:15px;line-height:1.25;font-weight:600}
.tcard small{display:block;color:var(--mute);font-size:13px;line-height:1.35;margin-top:3px}
.tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.tile.pdf{background:var(--g-pdf-soft);color:var(--g-pdf)}.tile.money{background:var(--g-money-soft);color:var(--g-money)}
.tile.text{background:var(--g-text-soft);color:var(--g-text)}.tile.math{background:var(--g-math-soft);color:var(--g-math)}.tile.img{background:var(--g-img-soft);color:var(--g-img)}.tile.life{background:var(--ok-soft);color:var(--ok)}
.adwrap{margin:24px 0 0}.gsum{color:var(--ink-2);margin:0 0 150px;display:none}
.ads-on .gsum{display:block;margin:0 0 24px;padding-bottom:126px}
.howsite{margin-top:40px}.howsite ul{padding-left:20px}
@media(min-width:600px){.wrap{padding:0 24px}.tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.chips{margin:16px 0 8px;padding:4px 0}}
@media(min-width:1024px){
  .is-home .wrap,.is-list .wrap{max-width:1220px;padding:0 32px}
  .hero{padding:48px 0 8px}.bigsearch{max-width:560px}
  .tgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
  .tcard{min-height:132px;padding:16px}.tcard b{font-size:17px}.tcard small{font-size:14px}
  .chips{flex-wrap:wrap;overflow:visible}
}

/* ── страница инструмента ── */
.tlay{display:block}
.rail{display:none}
html:not(.ads-on) .rail{display:none!important}
@media(min-width:1280px){
  html:not(.ads-on) .is-tool .wrap{max-width:760px;padding:0}
  html:not(.ads-on) .tlay{display:block}
  .is-tool .wrap{max-width:1220px;padding:0 0}
  .tlay{display:grid;grid-template-columns:760px 300px;gap:160px;justify-content:center}
  .rail{display:block}.rail .ad{position:sticky;top:calc(var(--top) + 24px)}
  .ads-on .rail .ad{margin-top:16px}
}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:16px;box-shadow:var(--sh-1);scroll-margin-top:72px}
@media(min-width:600px){.box{padding:24px}}
.trust{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mute);margin:12px 0 0}
.trust .ico{color:var(--ok)}
.note{font-size:14px;color:var(--mute);margin:8px 0 0}
.local{display:none}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:0 16px}
.faq summary{cursor:pointer;font-weight:600;min-height:52px;display:flex;align-items:center;list-style-position:inside}
.faq details div{padding:0 0 14px}
.src{font-size:14px}.src ul{padding-left:18px}.src li{margin:6px 0}
.upd{font-size:13px;color:var(--mute);margin:24px 0}
.rel .tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:600px){.rel .tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ── поля и кнопки инструментов (общие для калькуляторов и PDF) ── */
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
label{display:grid;gap:6px;font-size:15px;font-weight:600;color:var(--ink-2)}
input,select,textarea{font:inherit;font-size:17px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);width:100%;min-height:52px}
textarea{min-height:150px;resize:vertical;font-size:16px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:var(--acc)}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button,.btn{font:600 16px/1.2 var(--font);border:1px solid var(--line-strong);background:#fff;border-radius:var(--r-m);padding:10px 18px;min-height:48px;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.seg button{min-height:44px;font-weight:500}
.seg button[aria-pressed=true]{background:var(--acc-soft);border-color:var(--acc);color:var(--acc);font-weight:600;box-shadow:inset 0 0 0 1px var(--acc)}
.btn.main,.btn-main,.btn-primary{background:var(--acc);border-color:var(--acc);color:#fff;min-height:56px;font-size:17px;border-radius:14px;box-shadow:0 6px 16px -8px rgba(11,92,85,.55)}
.btn.main:hover,.btn-main:hover,.btn-primary:hover{background:var(--acc-hover)}
.btn-secondary{min-height:48px}
.btn:disabled{background:var(--sunken);border-color:var(--line);color:#8A938F;box-shadow:none;cursor:default}
.result{margin-top:16px;background:var(--acc-soft);border-radius:var(--r-l);padding:16px}
.result .big{font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--acc);font-variant-numeric:tabular-nums}
.result dl{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:10px 0 0}.result dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.result dt{color:var(--ink-2)}
.tbl{overflow-x:auto;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
th,td{padding:8px;border-bottom:1px solid var(--line);text-align:right}th:first-child,td:first-child{text-align:left}th{background:var(--sunken);position:sticky;top:0}
.drop{background:#fff;border:1.5px dashed #A9B2AF;border-radius:var(--r-xl);padding:26px 16px 20px;text-align:center;cursor:pointer}
.drop.over{border:2px solid var(--acc);background:var(--acc-soft)}
.files{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.files li{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:8px 10px;font-size:14px}
.files li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.err{color:var(--err);font-weight:600}

/* ── реклама: ниша видна только при включённой рекламе (ads-rules) ── */
.ad{display:none}
.ads-on .ad{display:block;background:var(--ad-bg);border-radius:var(--r-s);padding:6px 0 10px;margin:32px 0;min-height:280px;text-align:center}
.ad .lbl{display:block;font:500 11px/16px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-label);text-align:left;padding:0 10px 6px}
.ad .slot{margin:0 auto;width:300px;max-width:100%;height:250px;background:repeating-linear-gradient(135deg,#E6E8E4 0 10px,#ECEEEA 10px 20px)}
.ads-on .ad.tall{min-height:620px;margin:0}.ad.tall .slot{height:600px}
.ads-on .ad[data-ad=A]{margin-top:40px}
@media(min-width:1024px){.ads-on .ad[data-ad=H]{min-height:110px}.ad[data-ad=H] .slot{width:728px;height:90px}}
@media(min-width:1280px){.is-tool .ad[data-ad=A] .slot{width:728px;height:90px}.ads-on .is-tool .ad[data-ad=A]{min-height:110px}}
.ads-on body{padding-bottom:0}.ads-on .foot{padding-bottom:116px}

/* ── простые страницы ── */
.page{padding-bottom:16px}.page h2{font-size:20px}
.langs{list-style:none;padding:0;display:grid;gap:8px;max-width:320px}
.langs a{display:flex;align-items:center;min-height:52px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 16px;text-decoration:none;font-weight:600}

/* ── подвал ── */
.foot{border-top:1px solid var(--line);background:#fff;margin-top:48px;padding:24px 0 32px;font-size:14px;color:var(--mute)}
.foot .wrap{max-width:1220px}
.fg{border-bottom:1px solid var(--line)}
.fg summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;font:600 15px var(--font);color:var(--ink)}
.fg summary::-webkit-details-marker{display:none}
.fg[open] summary .ico{transform:rotate(180deg)}
.fg ul,.flinks{list-style:none;margin:0;padding:0 0 8px}
.fg a,.flinks a{display:flex;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:none}
.fg a:hover,.flinks a:hover{color:var(--acc);text-decoration:underline}
.fside{margin-top:20px}.fside .logo{font-size:17px}
@media(min-width:1024px){
  .foot .wrap{display:grid;grid-template-columns:1fr 240px;gap:48px;padding:0 32px}
  .fgroups{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 24px}
  .fg{border:0}.fg summary{pointer-events:none;min-height:36px}.fg summary .ico{display:none}
  .fg a,.flinks a{min-height:32px}
  .fside{margin-top:0}
}
@media(min-width:1024px) and (max-width:1279px){.dsearch{width:44px;padding:0;justify-content:center}.dsearch span{display:none}.dlink{padding:0 9px}}
.src li a{display:inline-flex;align-items:center;min-height:44px}