:root{--ink:#1c2430;--muted:#566070;--line:#dfe4ea;--field-line:#8a95a5;--bg:#f5f6f8;--card:#fff;--accent:#c2410c;--accent-soft:#fff1e8;--dark:#1c2430;--on-dark:#fff;--on-dark-soft:#d5dbe3;--on-dark-line:#46566e;--waste:#ffc9a3;--error:#b42318}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.site-header{background:var(--card);border-bottom:1px solid var(--line)}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.logo{padding:12px 0;font-size:18px;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.site-nav a{color:var(--muted);margin-left:16px;padding:12px 0;font-size:15px;text-decoration:none;display:inline-block}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--card);margin-top:36px;padding:20px 0 84px;font-size:14px}h1{margin:6px 0 2px;font-size:30px;line-height:1.2}h2{margin:28px 0 8px;font-size:22px;line-height:1.3}p{margin:0 0 12px}.lead{color:var(--muted);margin:0 0 14px}.crumb{color:var(--muted);margin-top:14px;font-size:14px}.crumb a{padding:10px 0;display:inline-block}.page{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.page:not(.has-sidebar)>main{max-width:860px}.side{display:none}@media (width>=1100px){.page.has-sidebar{grid-template-columns:minmax(0,1fr) 300px}.page.has-sidebar .side{display:block}.side .ad-slot{margin-top:92px;position:sticky;top:16px}}.calc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.calc-cols{grid-template-columns:minmax(0,1fr);display:grid}@media (width>=760px){.calc-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.calc-form{padding:16px}.sys{border:1px solid var(--field-line);border-radius:10px;margin-bottom:12px;display:inline-flex;overflow:hidden}.sys button{min-height:44px;font:inherit;cursor:pointer;color:var(--ink);background:#fff;border:0;padding:0 16px;font-size:15px}.sys button[aria-pressed=true]{background:var(--accent);color:#fff;font-weight:600}.shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.shapes button{border:1px solid var(--field-line);background:var(--card);font:inherit;cursor:pointer;color:var(--ink);border-radius:10px;min-height:44px;padding:8px 2px;font-size:15px}.shapes button[aria-pressed=true]{background:var(--dark);color:#fff;border-color:var(--dark)}.diagram{background:var(--bg);text-align:center;border-radius:10px;margin-bottom:12px;padding:6px}.diagram svg{max-width:260px;height:110px}.field{margin-bottom:10px}.field label,.price label{margin-bottom:3px;font-size:15px;font-weight:600;display:block}.soft{color:var(--muted);font-weight:400}.row{grid-template-columns:minmax(0,1fr) 88px;gap:8px;display:grid}.row.single{grid-template-columns:minmax(0,1fr)}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}input,select{border:1px solid var(--field-line);width:100%;min-height:48px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px;font-size:17px}input[aria-invalid=true]{border-color:var(--error);border-width:2px}.field-hint{color:var(--error);margin:4px 0 0;font-size:14px}.result{background:var(--dark);color:var(--on-dark);min-width:0;padding:20px 16px}.result-label{color:var(--on-dark-soft);font-size:15px}.big{overflow-wrap:anywhere;margin:2px 0;font-size:44px;font-weight:700;line-height:1.1}.big small{color:var(--on-dark-soft);font-size:18px;font-weight:500}.also{color:var(--on-dark-soft);overflow-wrap:anywhere;font-size:15px}.result table{border-collapse:collapse;width:100%;margin-top:14px;font-size:16px}.result th,.result td{text-align:right;border-top:1px solid var(--on-dark-line);overflow-wrap:anywhere;padding:9px 4px;font-weight:400}.result thead th{color:var(--on-dark-soft);border-top:0;font-size:14px}.result tbody th{text-align:left}.result td.w{color:var(--waste)}.price{border:1px solid var(--on-dark-line);border-radius:10px;margin-top:14px;padding:0 12px}.price summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.price label{color:var(--on-dark-soft);margin-top:10px}.cost-out{margin:10px 0 12px;font-size:15px}.acts{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.act{border:1px solid var(--on-dark-soft);min-height:44px;font:inherit;color:#fff;cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-size:15px}.act-note{color:var(--on-dark-soft);min-height:1.2em;margin:8px 0 0;font-size:14px}.noscript{color:var(--on-dark-soft);margin-top:10px;font-size:14px}.bar{z-index:5;background:var(--dark);color:#fff;border-top:2px solid #f59e0b;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:15px;display:flex;position:fixed;bottom:0;left:0;right:0}.bar b{font-size:20px}@media (width>=760px){.bar{display:none!important}.site-footer{padding-bottom:20px}}.prose h2{margin-top:28px}.prose h3{margin:20px 0 6px;font-size:18px}.prose ul,.prose ol{margin:0 0 12px;padding-left:22px}.prose a{color:var(--accent)}.prose blockquote{background:var(--card);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;margin:0 0 12px;padding:12px 14px}.prose blockquote p:last-child{margin-bottom:0}.related{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.related a{background:var(--card);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:12px;font-size:15px;font-weight:600;text-decoration:none}.trust{color:var(--muted);margin:-6px 0 14px;font-size:14px}.sources{font-size:15px}.ad-slot{margin:22px 0}.ad-slot-dev{border:2px dashed var(--field-line);color:var(--muted);text-align:center;border-radius:10px;padding:14px;font-size:14px}@media (width<=560px){h1{font-size:25px}.big{font-size:38px}}@media print{.site-header,.site-footer,.ad-slot,.bar,.acts,.act-note,.crumb,.price summary{display:none!important}.result{color:#000;background:#fff;border:1px solid #000}.result td.w,.also,.result-label,.big small,.result thead th{color:#000}}.sources ul{margin:0 0 12px;padding-left:22px}.sources a{color:var(--accent)}.prose table{border-collapse:collapse;background:var(--card);width:100%;max-width:520px;margin:4px 0 14px;font-size:15px}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 10px}.prose thead th{background:var(--bg);font-weight:600}
