:root{font-family:system-ui,sans-serif;color:#183b38;background:#f3f4ee;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:48px 20px}header{padding:20px 0 30px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:#527467}h1{font-size:clamp(30px,6vw,48px);line-height:1.12;letter-spacing:-.04em;margin:15px 0}p{line-height:1.7;white-space:pre-wrap}#blocks{display:grid;gap:20px}section{background:white;border:1px solid #dce4db;border-radius:18px;padding:26px;box-shadow:0 6px 20px #183b3805}h2{font-size:21px;margin:0 0 20px}label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0}label:has(input[type=checkbox]){justify-content:flex-start}input[type=number]{width:42%;min-height:44px;padding:10px;border:1px solid #9cb5ac;border-radius:8px;font:inherit}input[type=checkbox]{width:22px;height:22px;accent-color:#286f5c;flex-shrink:0}.result{display:flex;justify-content:space-between;gap:12px;background:#edf5ef;padding:16px;margin-top:12px;border-radius:10px}output{font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #dde5de}footer{font-size:12px;color:#62786e;line-height:1.7;margin:28px 0}@media(max-width:500px){main{padding:22px 14px}section{padding:20px}}