.stair-tool{max-width:68rem;color:var(--color-base-content);margin:0 auto}.stair-input,.stair-results{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--color-base-100);box-shadow:0 .6rem 1.8rem color-mix(in oklab,var(--color-base-content) 7%,transparent);margin-top:1rem;padding:clamp(1rem,3vw,1.6rem)}.stair-input{border-top:.35rem solid var(--color-primary);margin-top:1.5rem}.stair-results{border-width:2px;border-color:var(--color-primary)}.stair-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.stair-heading h2{margin:0;font-size:1.4rem;font-weight:800}.stair-kicker{letter-spacing:.06em;margin:0 0 .25rem;font-size:.84rem;font-weight:850}.stair-private{border-radius:var(--radius-field);background:var(--color-base-200);max-width:27rem;margin:0;padding:.65rem .8rem;font-size:.92rem;line-height:1.5}.stair-unit{border:1px solid var(--color-base-300);border-radius:var(--radius-field);flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;padding:.9rem 1rem;display:flex}.stair-unit legend{padding:0 .35rem;font-weight:800}.stair-unit label{align-items:center;gap:.4rem;min-height:2.25rem;display:flex}.stair-unit input{width:1.15rem;height:1.15rem;accent-color:var(--color-primary)}.stair-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.stair-field{min-width:0}.stair-field>span{justify-content:space-between;gap:.5rem;margin-bottom:.45rem;font-weight:800;display:flex}.stair-field em{opacity:.7;font-size:.82rem;font-style:normal;font-weight:700}.stair-field input{width:100%;min-height:3rem}.stair-field input[aria-invalid=true]{border-color:var(--color-error);outline-color:var(--color-error)}.stair-field small{margin-top:.45rem;line-height:1.45;display:block}.stair-error{color:var(--color-error);font-weight:750}.stair-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.15rem;display:flex}.stair-actions .btn{min-height:3rem}.stair-definition{border-radius:var(--radius-field);background:color-mix(in oklab,var(--color-primary) 14%,var(--color-base-100));margin:1rem 0;padding:.75rem 1rem;font-weight:700;line-height:1.6}.stair-result-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin:0;display:grid}.stair-result-grid div{border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-100);min-width:0;padding:.8rem}.stair-result-grid dt{font-size:.86rem;line-height:1.35}.stair-result-grid dd{overflow-wrap:anywhere;margin:.3rem 0 0;font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:850}.stair-result-grid dd small{font-size:.78rem}.stair-output-grid{grid-template-columns:minmax(0,1.6fr) minmax(14rem,.8fr);align-items:start;gap:1rem;margin-top:1rem;display:grid}.stair-diagram,.stair-check{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--color-base-200);margin:0;padding:1rem}.stair-diagram figcaption,.stair-check h3{margin:0 0 .65rem;font-size:1.05rem;font-weight:800}.stair-diagram svg{width:100%;height:auto;max-height:24rem;display:block;overflow:visible}.stair-diagram text{fill:var(--color-base-content);font:700 13px system-ui,sans-serif}.stair-shape{fill:color-mix(in oklab,var(--color-primary) 30%,var(--color-base-100));stroke:var(--color-base-content);stroke-width:2px;stroke-linejoin:round}.stair-slope{stroke:var(--color-secondary);stroke-width:2.5px;stroke-dasharray:7 5}.stair-dimension{stroke:var(--color-base-content);stroke-width:1.3px;marker-start:none}.stair-check p{border-bottom:1px solid var(--color-base-300);font-variant-numeric:tabular-nums;padding-bottom:.75rem;line-height:1.55}.stair-check p:last-child{border-bottom:0;margin-bottom:0}.stair-empty{min-height:3rem;margin:1rem 0 0;line-height:1.6}.stair-copy-status{min-height:1.5rem;margin:.75rem 0 0}.stair-guide{border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 2rem;padding-top:1.5rem}.stair-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.35}.stair-guide h2:first-child{margin-top:0}.stair-guide h3{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.5}.stair-guide p,.stair-guide li{font-size:1rem;line-height:1.75}.stair-guide p,.stair-guide ol,.stair-guide ul{margin-top:0;margin-bottom:.75rem}.stair-guide ol,.stair-guide ul{padding-inline-start:1.4rem}.stair-guide li+li{margin-top:.5rem}.stair-guide section{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:.5rem;margin-top:.75rem;padding:1rem}.stair-faq{margin-top:.75rem}.stair-faq+.stair-faq{margin-top:1.25rem}@media (width<=48rem){.stair-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stair-output-grid{grid-template-columns:1fr}}@media (width<=42rem){.stair-fields{grid-template-columns:1fr}.stair-actions .btn{flex:100%}.stair-guide{margin-top:2.5rem}}@media (width<=28rem){.stair-result-grid{grid-template-columns:1fr}.stair-heading .btn{width:100%}}@media print{.stair-input{display:none}.stair-results{box-shadow:none}.stair-guide{margin-top:2rem}}