*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2430;background:#f6f8fb}
a{color:#1d5fd1}header,footer{background:#fff;border-bottom:1px solid #e3e8ef}footer{border-top:1px solid #e3e8ef;border-bottom:0;margin-top:40px;font-size:14px;color:#5b6675}
.wrap{max-width:960px;margin:0 auto;padding:12px 16px}nav{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.brand{font-weight:800;font-size:20px;text-decoration:none;color:#1b2430;margin-right:auto}.brand span{color:#d9480f}
nav a{text-decoration:none;font-size:14px}h1{font-size:28px;line-height:1.2;margin:18px 0 6px}h2{font-size:21px;margin-top:28px}
.lead{color:#46515f}.card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:16px;margin:14px 0}
.calc{display:grid;gap:16px}@media(min-width:760px){.calc{grid-template-columns:1fr 1fr}}
.f{display:flex;flex-direction:column;margin:0 0 10px}.f label{font-weight:600;font-size:14px;margin-bottom:3px}
input,select{font:inherit;padding:9px 10px;border-radius:10px;border:1px solid #ccd5e1;background:#fff;width:100%;max-width:100%}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{display:inline-block;border:0;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;background:#1d5fd1;color:#fff;text-decoration:none}
.btn.sec{background:#eef2f8;color:#1b2430}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.chips .btn{padding:6px 10px}
#out{background:#f1f6ff;border-radius:12px;padding:12px;min-height:80px}.big{font-size:28px;font-weight:800;margin:0 0 4px;word-break:break-word}
.err{color:#b42318;font-weight:600}.warn{background:#fff6e5;border:1px solid #f3d38a;border-radius:10px;padding:10px;font-size:14px}
.small{font-size:13px;color:#5b6675}.formula{background:#1f2937;color:#f8fafc;border-radius:10px;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre-wrap}
details{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:10px 14px;margin:8px 0}summary{font-weight:600;cursor:pointer}
.spec{width:100%;border-collapse:collapse;font-size:15px}.spec th,.spec td{border-bottom:1px solid #e3e8ef;padding:7px 6px;text-align:left;vertical-align:top}.spec th{color:#46515f;font-weight:600}
.tbl{overflow-x:auto}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.grid a{display:block;background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:10px;text-decoration:none}.grid small{display:block;color:#5b6675}
.km{border-collapse:collapse;margin:8px 0}.km th{font-size:13px;padding:4px 6px;color:#46515f}.km td{padding:2px}
.kc{width:54px;height:54px;border:1px solid #ccd5e1;border-radius:8px;font:700 20px system-ui;cursor:pointer;background:#fff;position:relative}.kc small{position:absolute;right:4px;bottom:2px;font-size:10px;color:#8a94a3;font-weight:400}
.kc.v1{background:#e7f6ec}.kc.v2{background:#fff3d6}.groups{list-style:none;padding:0}.groups li{margin:4px 0}.sw{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:middle}
.cc{position:fixed;left:8px;right:8px;bottom:8px;z-index:1000;max-width:640px;margin:0 auto;background:#1f2937;color:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 4px 20px rgba(0,0,0,.25);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:14px}
.cc[hidden],[hidden]{display:none!important}.cc p{margin:0;flex:1 1 260px}.cc a{color:#93c5fd}.ccb{display:flex;gap:8px}
@media(max-width:420px){.kc{width:46px;height:46px}h1{font-size:24px}}
