*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1b1f24;background:#f6f8fb}
a{color:#0b5fff}main{max-width:860px;margin:0 auto;padding:12px 16px 40px}h1{font-size:1.65rem;line-height:1.25;margin:.4em 0}h2{font-size:1.2rem;margin:1.6em 0 .5em}
.top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e3e8ef;position:sticky;top:0;z-index:5}
.top nav a{margin-left:14px;text-decoration:none;font-size:.95rem}.logo{font-weight:800;text-decoration:none;color:#1b1f24;font-size:1.15rem}.logo span{color:#0b5fff}
.lead{font-size:1.05rem;color:#3a4350}.bc{font-size:.85rem;color:#5b6573;margin-top:4px}.bc a{color:#5b6573}
.calc{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:16px;margin:16px 0;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
.fld label{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.fld input,.fld select{width:100%;padding:11px 12px;font-size:1rem;border:1px solid #c9d2de;border-radius:10px;background:#fff}
.fld input:focus,.fld select:focus{outline:2px solid #0b5fff33;border-color:#0b5fff}
.out{margin-top:14px}table.res{width:100%;border-collapse:collapse}.res th{text-align:left;font-weight:500;padding:8px 6px;border-bottom:1px solid #eef1f5;color:#3a4350}
.res td{text-align:right;padding:8px 6px;border-bottom:1px solid #eef1f5;font-variant-numeric:tabular-nums;font-weight:600}.res tr.big td{font-size:1.2rem;color:#0b5fff}
.ex,.cta{background:#eef4ff;border-radius:12px;padding:12px 16px;margin:18px 0}.cta{background:#fff8e6;border:1px solid #f4dc9b}.ex h2,.cta h2{margin-top:.3em}
.small{font-size:.85rem;color:#5b6573}details{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:10px 14px;margin:8px 0}summary{font-weight:600;cursor:pointer}
.src li{font-size:.92rem}.cards{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
.card{display:block;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:12px 14px;text-decoration:none;color:#1b1f24}.card:hover{border-color:#0b5fff}.card span{display:block;font-size:.88rem;color:#5b6573;margin-top:4px}
.hero{padding:6px 0}.btn,.btn2{padding:11px 16px;border-radius:10px;border:0;background:#0b5fff;color:#fff;font-weight:600;font-size:1rem;cursor:pointer}.btn2{background:#e8eef9;color:#1b1f24}
.tw{overflow-x:auto}table.list{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:10px}.list th,.list td{padding:6px;border-bottom:1px solid #eef1f5;text-align:left}
.ad-slot{display:none}footer{border-top:1px solid #e3e8ef;background:#fff;padding:16px;font-size:.88rem;color:#5b6573;text-align:center}code{background:#eef1f5;padding:1px 5px;border-radius:5px}