*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1f2933;background:#fff}
.top{border-bottom:1px solid #e4e7eb;padding:12px 16px}
.brand{font-weight:700;color:#1f2933;text-decoration:none}
main,footer{max-width:720px;margin:0 auto;padding:16px}
.crumbs{font-size:14px;color:#616e7c}
.crumbs a{color:#2f6fb3}
h1{font-size:28px;line-height:1.25;margin:8px 0 12px}
h2{font-size:20px;margin:28px 0 8px}
.calc{display:grid;gap:12px;padding:16px;border:1px solid #d9dee4;border-radius:8px;background:#f8fafc}
.calc label{display:grid;gap:4px;font-weight:600;font-size:15px}
.calc .chk{display:flex;gap:8px;align-items:center;font-weight:400}
.calc input,.calc select{font:inherit;padding:8px;border:1px solid #bcc4cc;border-radius:6px;background:#fff}
.res{display:grid;gap:2px;padding:12px;border-radius:6px;background:#e8f1fb}
.res span{font-size:13px;color:#52606d}.res strong{font-size:20px}.res small{color:#52606d}
.note{font-size:14px;color:#52606d}
footer{font-size:13px;color:#616e7c;border-top:1px solid #e4e7eb;margin-top:32px}
footer a{color:#2f6fb3}
.linkish{background:none;border:0;padding:0;font:inherit;color:#2f6fb3;cursor:pointer}
.ref-bg{display:inline-block;width:8px;height:8px;background-image:url(/c/css.png)}
@media (max-width:480px){h1{font-size:24px}}