#js-tool-container-stair-length-calculator .tbcalc-section-title { font-size:1.22rem; font-weight:750; color:var(--text-primary); margin:0 0 6px; }
#js-tool-container-stair-length-calculator .tbcalc-section-note { color:var(--text-muted); margin:0 0 18px; line-height:1.5; }
#js-tool-container-stair-length-calculator .field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#js-tool-container-stair-length-calculator .field { min-width:0; }
#js-tool-container-stair-length-calculator .field label { display:block; color:var(--text-secondary); font-weight:650; margin-bottom:7px; }
#js-tool-container-stair-length-calculator .field input { width:100%; min-height:44px; border:1px solid var(--border-color); border-radius:var(--radius-sm); background:var(--bg-primary); color:var(--text-primary); padding:10px 12px; box-sizing:border-box; }
#js-tool-container-stair-length-calculator .field-hint { display:block; color:var(--text-muted); font-size:.82rem; margin-top:6px; line-height:1.35; }
#js-tool-container-stair-length-calculator .slc-section-sheet { border:1px solid var(--border-color); border-radius:var(--radius-lg); padding:26px 26px 22px; display:grid; grid-template-columns:minmax(260px,1.05fr) minmax(250px,.95fr); gap:24px 30px; align-items:center; }
#js-tool-container-stair-length-calculator .slc-elevation { height:230px; position:relative; border-left:1px solid var(--border-color); border-bottom:1px solid var(--border-color); margin:12px 8px 24px 34px; min-width:0; }
#js-tool-container-stair-length-calculator .slc-stringer { position:absolute; left:0; bottom:-3px; width:75%; height:5px; background:var(--accent-primary); transform-origin:left center; border-radius:3px; z-index:2; }
#js-tool-container-stair-length-calculator .slc-step-field { position:absolute; inset:17% 0 0 0; background:repeating-linear-gradient(to top, transparent 0, transparent 22px, var(--border-color) 23px, var(--border-color) 24px); clip-path:polygon(0 100%,100% 0,100% 100%); opacity:.65; }
#js-tool-container-stair-length-calculator .slc-rise-axis span { position:absolute; right:calc(100% + 10px); top:50%; transform:translateY(-50%) rotate(-90deg); white-space:nowrap; color:var(--text-muted); font-size:.76rem; }
#js-tool-container-stair-length-calculator .slc-run-axis span { position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); white-space:nowrap; color:var(--text-muted); font-size:.76rem; }
#js-tool-container-stair-length-calculator .slc-primary-dimension { min-width:0; border-left:3px solid var(--accent-primary); padding:4px 0 4px 20px; }
#js-tool-container-stair-length-calculator .slc-dim-label { color:var(--text-muted); font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
#js-tool-container-stair-length-calculator .slc-dim-value { color:var(--text-primary); font-size:clamp(2.7rem,7vw,4.7rem); line-height:1; font-weight:820; margin:12px 0; overflow-wrap:anywhere; }
#js-tool-container-stair-length-calculator .slc-equation { color:var(--text-muted); font-size:.9rem; line-height:1.4; }
#js-tool-container-stair-length-calculator .slc-angle-line { display:flex; justify-content:space-between; gap:14px; align-items:baseline; border-top:1px solid var(--border-color); margin-top:18px; padding-top:13px; color:var(--text-secondary); }
#js-tool-container-stair-length-calculator .slc-angle-line strong { color:var(--text-primary); font-size:1.25rem; }
#js-tool-container-stair-length-calculator .slc-spec-strip { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
#js-tool-container-stair-length-calculator .slc-spec-strip > div { display:flex; justify-content:space-between; gap:14px; align-items:baseline; padding:13px 16px; }
#js-tool-container-stair-length-calculator .slc-spec-strip > div + div { border-left:1px solid var(--border-color); }
#js-tool-container-stair-length-calculator .slc-spec-strip span { color:var(--text-muted); font-size:.8rem; }
#js-tool-container-stair-length-calculator .slc-spec-strip strong { color:var(--text-primary); font-size:1.08rem; }
#js-tool-container-stair-length-calculator .slc-status { grid-column:1 / -1; border-left:3px solid var(--success); padding:12px 14px; background:var(--success-light); border-radius:var(--radius-sm); color:var(--text-primary); line-height:1.45; }
#js-tool-container-stair-length-calculator .slc-status.warn { border-left-color:var(--warning); background:var(--warning-light); }
#js-tool-container-stair-length-calculator .slc-status.danger { border-left-color:var(--danger); background:var(--danger-light); }
#js-tool-container-stair-length-calculator .detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#js-tool-container-stair-length-calculator .detail-card { border:1px solid var(--border-color); border-radius:var(--radius-md); padding:16px; color:var(--text-secondary); line-height:1.5; }
#js-tool-container-stair-length-calculator .detail-card strong { color:var(--text-primary); display:block; margin-bottom:5px; }
@media (max-width:760px) { #js-tool-container-stair-length-calculator .slc-section-sheet { grid-template-columns:1fr; padding:22px 20px; gap:18px; } #js-tool-container-stair-length-calculator .slc-elevation { height:190px; margin-right:18px; } }
@media (max-width:480px) { #js-tool-container-stair-length-calculator .field-grid, #js-tool-container-stair-length-calculator .detail-grid { grid-template-columns:1fr; } #js-tool-container-stair-length-calculator .slc-section-sheet { padding:18px 15px 16px; } #js-tool-container-stair-length-calculator .slc-elevation { height:150px; margin:8px 12px 20px 31px; } #js-tool-container-stair-length-calculator .slc-dim-value { font-size:2.8rem; } #js-tool-container-stair-length-calculator .slc-spec-strip { grid-template-columns:1fr; } #js-tool-container-stair-length-calculator .slc-spec-strip > div + div { border-left:0; border-top:1px solid var(--border-color); } }