:root{--ink:#172026;--muted:#56636b;--paper:#fffdf8;--card:#fff;--line:#d9dfdc;--accent:#0b6b57;--soft:#e8f4ef}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#075c4c}header,footer{background:#123b34;color:#fff}header nav,footer{max-width:72rem;margin:auto;padding:18px clamp(16px,4vw,36px)}header nav{display:flex;flex-wrap:wrap;gap:12px 24px}header a,footer a{color:#fff}.wrap{max-width:72rem;margin:auto;padding:clamp(20px,4vw,44px)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700;font-size:.82rem}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08}h2{line-height:1.2;margin-top:2rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(18px,3vw,30px);box-shadow:0 8px 30px #173b3210}label{display:block;font-weight:650;margin:14px 0 5px}input,select,button{font:inherit}input,select{width:100%;padding:10px 12px;border:1px solid #9ba8a4;border-radius:7px;background:#fff}button{margin-top:18px;padding:11px 18px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:700}.unit{font-weight:400;color:var(--muted)}#result strong{font-size:1.8rem;color:var(--accent)}#result ol{padding-left:1.4rem}.note{color:var(--muted)}article{max-width:50rem;margin:36px auto}article h2{margin-top:2.4rem}article p{margin:1rem 0}.example{border-left:5px solid var(--accent);background:var(--soft);padding:16px 20px;margin:24px 0}.related{padding:20px;background:#f2f5f3;border-radius:10px}.related li{margin:.5rem 0}footer p{margin:.5rem 0}@media(max-width:760px){.layout{grid-template-columns:1fr}body{font-size:16px}}@media print{header,footer,button{display:none}.layout{display:block}.card{box-shadow:none}}