:root{color:#1f2430;background:#f7f3ec;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:#8b4a22;text-decoration:none}a:hover{text-decoration:underline}header{background:#fffaf3;border-bottom:1px solid #eadbc9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:18px;display:flex}nav{flex-wrap:wrap;gap:10px;display:flex}nav a{color:#7a4322;border-radius:999px;padding:7px 10px;font-weight:800}.active,nav a:hover{background:#f0dcc7;text-decoration:none}.brand{color:#492611;font-size:1.18rem;font-weight:900}.hero{color:#fff;background:linear-gradient(135deg,#3b1f12,#8b4a22 55%,#dfaa64);border-radius:0 0 34px 34px;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);align-items:center;gap:22px;max-width:1180px;margin:0 auto 18px;padding:46px 22px;display:grid}.hero h1{margin:0 0 14px;font-size:clamp(2.1rem,5vw,4.5rem);line-height:1.04}.hero p{max-width:820px;font-size:1.12rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ffd991;font-weight:900}.button{color:#5a2f15;background:#fff7e9;border-radius:999px;padding:12px 18px;font-weight:900;display:inline-block}.stairs{background:#ffffff29;border:1px solid #ffffff61;border-radius:24px;padding:22px;font-weight:900}.calc,.cards,.article,footer{max-width:1180px;margin:22px auto;padding:0 18px}.calc{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:22px;display:grid}.calc>div,.result,.article,.card{background:#fff;border:1px solid #eadbc9;border-radius:24px;padding:24px;box-shadow:0 18px 44px #4c2a1414}.grid{gap:14px;display:grid}.inputs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}label{color:#3f332b;font-weight:850}input,select{width:100%;font:inherit;background:#fffaf3;border:1px solid #d9c4ad;border-radius:14px;margin-top:6px;padding:11px}.result h3{color:#5b2f16;margin-top:0;font-size:1.55rem}.result ul{padding-left:20px}.adslot{text-align:center;color:#6b5b4d;background:#fff8ef;border:2px dashed #cdb99f;border-radius:22px;margin:22px 0;padding:18px;font-weight:800}.note{color:#66594f;background:#f9efe2;border-radius:16px;padding:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{color:#2d241f;display:block}.card h3{color:#6d3719;margin-top:0}table{border-collapse:collapse;background:#fff;width:100%;margin:16px 0}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eadbc9;padding:12px}th{color:#563019;background:#fff2df}details{border-top:1px solid #eadbc9;padding:14px 0}summary{cursor:pointer;color:#5b2f16;font-weight:900}.related{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.related a{background:#fff2df;border-radius:999px;padding:8px 11px;font-weight:800}footer{color:#6d6158;border-top:1px solid #eadbc9;flex-wrap:wrap;gap:18px;padding-top:22px;padding-bottom:48px;display:flex}.ssr-shell{max-width:900px;margin:20px auto;padding:24px}.ssr-shell h1{color:#4b2815;font-size:2.4rem}@media (width<=760px){.hero,.calc{grid-template-columns:1fr}.hero{border-radius:0 0 22px 22px;padding:30px 18px}header{align-items:flex-start}.calc>div,.result,.article,.card{padding:18px}}