:root{color:#172235;background:#f5f8fb;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:#1f5f8b;text-decoration:none}a:hover{text-decoration:underline}header{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #dbe7ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{color:#17324d;font-size:1.05rem;font-weight:900}nav{flex-wrap:wrap;gap:10px;display:flex}nav a{color:#36536a;border:1px solid #0000;border-radius:999px;padding:7px 11px;font-weight:750}nav a.active,nav a:hover{background:#e6f3fb;border-color:#b9dbee;text-decoration:none}.hero{color:#fff;background:linear-gradient(135deg,#17324d,#276e91 58%,#b8d7e8);grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:center;gap:26px;padding:54px 22px;display:grid}.hero>div{max-width:840px}.hero h1{margin:0 0 16px;font-size:clamp(2.15rem,5vw,4.7rem);line-height:1.03}.hero p{max-width:780px;font-size:1.12rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#e6bc58;font-weight:900}.button{color:#17324d;background:#fff;border-radius:999px;margin-top:12px;padding:12px 18px;font-weight:900;display:inline-block}.stairs{background:#ffffff24;border:1px solid #fff6;border-radius:24px;padding:22px;font-weight:850}.calc{background:#fff;border:1px solid #dae7ef;border-radius:28px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;max-width:1120px;margin:26px auto;padding:22px;display:grid;box-shadow:0 18px 44px #1e476014}.calc h2,.result h3{margin-top:0}.grid.inputs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}label{color:#284054;font-weight:850}input{width:100%;font:inherit;background:#fbfdff;border:1px solid #bdd1df;border-radius:14px;margin-top:6px;padding:11px}.result{background:#eef7fb;border:1px solid #c7deeb;border-radius:22px;padding:20px}.result ul{padding-left:20px}.note{color:#4f3d13;background:#fff8e8;border:1px solid #efd28f;border-radius:16px;padding:12px}.adslot{text-align:center;color:#526779;background:#f8fbfd;border:2px dashed #a8bdcb;border-radius:20px;margin:18px 0;padding:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:1120px;margin:26px auto;padding:0 22px;display:grid}.card{color:#172235;background:#fff;border:1px solid #dae7ef;border-radius:22px;padding:20px;display:block;box-shadow:0 12px 32px #1e47600f}.card h3{color:#17324d;margin-top:0}.article{max-width:940px;margin:24px auto;padding:0 22px}.article h1{color:#17324d;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.article h2{color:#17324d}.article p{max-width:850px}details{background:#fff;border:1px solid #dae7ef;border-radius:16px;margin:10px 0;padding:14px 16px}summary{cursor:pointer;color:#17324d;font-weight:900}.related{flex-wrap:wrap;gap:10px;margin:26px 0;display:flex}.related a{background:#eaf3f8;border:1px solid #c7deeb;border-radius:999px;padding:8px 12px;font-weight:800}table{border-collapse:collapse;background:#fff;border:1px solid #dae7ef;border-radius:16px;width:100%;overflow:hidden}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e3edf3;padding:12px}th{color:#17324d;background:#eaf3f8}.ssr-shell{max-width:900px;margin:20px auto;padding:24px}.ssr-shell h1{color:#17324d;font-size:2.4rem}.static-note{border:2px dashed #a8bdcb;border-radius:18px;margin:16px 0;padding:14px}footer{color:#607183;border-top:1px solid #dbe7ef;flex-wrap:wrap;gap:18px;max-width:1120px;margin:34px auto 0;padding:24px 22px 54px;display:flex}@media (width<=820px){.hero,.calc{grid-template-columns:1fr}header{position:static}.hero{padding:38px 18px}.calc{margin:18px 12px;padding:18px}}