:root{color:#17202a;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:#245d8f;text-decoration:none}a:hover{text-decoration:underline}header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #dce5ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{color:#17202a;font-size:1.08rem;font-weight:900}nav{flex-wrap:wrap;gap:10px;display:flex}nav a{color:#37516a;border-radius:999px;padding:8px 11px;font-weight:750}nav a.active,nav a:hover{background:#e7f0fa;text-decoration:none}.hero{color:#fff;background:linear-gradient(135deg,#102235,#245d8f 58%,#7fb7d9);grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);align-items:center;gap:28px;padding:64px 22px;display:grid}.hero h1{margin:0 0 16px;font-size:clamp(2.2rem,5vw,4.9rem);line-height:1.03}.hero p{max-width:830px;font-size:1.13rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ffd98a;font-weight:900}.button{color:#17202a;background:#ffd98a;border-radius:999px;margin-top:8px;padding:13px 18px;font-weight:900;display:inline-block}.stairs{background:#ffffff21;border:1px solid #ffffff59;border-radius:28px;padding:28px;font-size:1.25rem;font-weight:900;box-shadow:0 24px 60px #0000002e}.calc{background:#fff;border:1px solid #dce5ef;border-radius:28px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px;max-width:1180px;margin:28px auto;padding:22px;display:grid;box-shadow:0 18px 46px #245d8f14}.calc h2{margin:.1rem 0 1rem;font-size:2rem}.grid.inputs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}label{color:#2a4258;font-weight:850}input,select{width:100%;font:inherit;background:#fbfdff;border:1px solid #b9c9d9;border-radius:14px;margin-top:6px;padding:11px 12px}.result{background:#f0f6fc;border:1px solid #cfe0f0;border-radius:24px;padding:22px}.result h3{margin:.2rem 0 1rem;font-size:1.55rem;line-height:1.2}.result ul{padding-left:20px}.note{color:#573b08;background:#fff7e6;border:1px solid #f1cb7a;border-radius:16px;padding:12px;font-weight:750}.adslot{text-align:center;color:#526476;background:#fbfdff;border:2px dashed #aebed0;border-radius:20px;margin:20px 0;padding:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1180px;margin:24px auto;padding:0 22px;display:grid}.card{background:#fff;border:1px solid #dce5ef;border-radius:24px;padding:22px;box-shadow:0 14px 32px #245d8f12}.card h3{color:#17202a;margin:.2rem 0}.article{max-width:980px;margin:26px auto;padding:0 22px}.article h1{color:#102235;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08}.article h2{color:#102235;font-size:1.75rem}.article p,.article li{font-size:1.05rem}table{border-collapse:collapse;background:#fff;border:1px solid #dce5ef;border-radius:18px;width:100%;overflow:hidden}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e3ebf3;padding:12px}th{color:#102235;background:#eaf3fb}details{border-top:1px solid #dce5ef;padding:14px 0}summary{cursor:pointer;color:#183b5a;font-weight:900}.related{border-top:1px solid #dce5ef;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:18px;display:flex}.related a{background:#edf5fc;border-radius:999px;padding:8px 12px;font-weight:800}footer{color:#5a6876;border-top:1px solid #dce5ef;flex-wrap:wrap;gap:18px;max-width:1180px;margin:36px auto 0;padding:24px 22px 56px;display:flex}.ssr-shell{max-width:900px;margin:20px auto;padding:24px}.ssr-shell h1{color:#102235;font-size:2.4rem}.static-note{background:#fbfdff;border:2px dashed #aebed0;border-radius:18px;padding:16px}@media (width<=820px){.hero,.calc{grid-template-columns:1fr}.hero{padding:42px 18px}header{position:static}.calc{margin:18px 12px;padding:16px}.cards{padding:0 12px}}
