.calculator-page{gap:1rem;padding-block:1.5rem 2.5rem;display:grid}.site-header .menu-toggle{min-width:0}.calculators-breadcrumbs ol{color:var(--sw-color-text-secondary);flex-wrap:wrap;gap:.375rem;margin:0;padding:0;font-size:.75rem;line-height:1.5;list-style:none;display:flex}.calculators-breadcrumbs a{color:inherit;text-decoration:none}.calculators-breadcrumbs a:hover,.calculators-breadcrumbs a:focus-visible{text-underline-offset:.18em;text-decoration:underline}.calculator-editorial{gap:.75rem;min-width:0;display:grid}.calculator-markdown{display:contents}.calculator-markdown h1{order:1;margin:0;font-size:1.6875rem;line-height:1.2}.calculator-markdown h1+p{color:var(--sw-color-text-secondary);order:2;margin:0;font-size:.8125rem}.calculator-workspace{order:3;gap:.75rem;display:grid}.calculator-workspace>.calculator-panel--result:not(.calculator-panel--advanced-result){order:0}.calculator-workspace>.calculator-panel--inputs{order:1}.calculator-workspace>.calculator-panel--diagram{order:2}.calculator-workspace>.calculator-panel--advanced{order:3}.calculator-workspace>.calculator-panel--advanced-result{order:4}.calculator-panel{background:var(--sw-color-bg-surface);border:1px solid var(--sw-color-border-default);border-radius:.625rem;min-width:0;padding:1rem}.calculator-panel h2{margin:0 0 .75rem;font-size:1.125rem;line-height:1.3}.calculator-panel h3{margin:1rem 0 .5rem;font-size:.875rem}.calculator-eyebrow{color:var(--sw-color-text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.6875rem;font-weight:600}.calculator-switch,.calculator-segment{background:var(--sw-color-bg-surface);border:1px solid var(--sw-color-border-default);border-radius:.375rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem;padding:.125rem;display:grid}.calculator-segment--four{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-switch label,.calculator-segment label{min-height:2.25rem;color:var(--sw-color-text-secondary);text-align:center;border-radius:.3rem;justify-content:center;align-items:center;padding:.35rem .5rem;font-size:.6875rem;font-weight:600;display:flex}.calculator-switch label:first-child,.calculator-segment label:first-child{background:var(--sw-color-action-primary);color:var(--sw-color-text-inverse)}.calculator-switch input,.calculator-segment input{opacity:0;pointer-events:none;position:absolute}.calculator-fields{gap:.75rem;display:grid}.calculator-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-field{min-width:0}.calculator-field label{color:var(--sw-color-text-secondary);margin-bottom:.3rem;font-size:.6875rem;display:block}.calculator-input-wrap{border:1px solid var(--sw-color-border-default);background:var(--sw-color-bg-surface);border-radius:.375rem;min-height:2.25rem;display:flex;overflow:hidden}.calculator-input-wrap input{width:100%;min-width:0;color:var(--sw-color-text-primary);font:inherit;background:0 0;border:0;padding:.5rem .55rem;font-size:.875rem}.calculator-input-wrap input:disabled{opacity:1;color:var(--sw-color-text-primary);-webkit-text-fill-color:var(--sw-color-text-primary)}.calculator-field select{border:1px solid var(--sw-color-border-default);background:var(--sw-color-bg-surface);width:100%;min-height:2.25rem;color:var(--sw-color-text-primary);font:inherit;border-radius:.375rem;padding:.5rem .55rem;font-size:.75rem}.calculator-field select:disabled{opacity:1}.calculator-unit{background:var(--sw-color-bg-subtle);min-width:3rem;color:var(--sw-color-text-secondary);justify-content:center;align-items:center;padding-inline:.35rem;font-size:.6875rem;display:flex}.calculator-field__help{color:var(--sw-color-text-secondary);margin:.25rem 0 0;font-size:.6875rem}.calculator-panel--result{background:#eaf1ec;border-color:#eaf1ec}.calculator-result-value{color:var(--sw-color-text-primary);margin:.25rem 0 .75rem;font-size:2rem;font-weight:600;line-height:1}.calculator-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.calculator-metric{background:var(--sw-color-bg-surface);border:1px solid var(--sw-color-border-default);border-radius:.375rem;min-width:0;padding:.55rem}.calculator-metric dt{color:var(--sw-color-text-secondary);font-size:.625rem}.calculator-metric dd{margin:.15rem 0 0;font-size:.875rem;font-weight:600}.calculator-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.calculator-actions button{border:1px solid var(--sw-color-border-default);background:var(--sw-color-bg-surface);min-height:2.25rem;color:var(--sw-color-text-primary);border-radius:.375rem;font-size:.75rem;font-weight:600}.calculator-actions button:disabled{cursor:not-allowed;opacity:.7}.calculator-reset{border:1px solid var(--sw-color-border-default);background:var(--sw-color-bg-surface);min-height:2rem;color:var(--sw-color-text-primary);border-radius:.375rem;margin:.75rem 0 0 auto;padding:.25rem .75rem;font-size:.6875rem;display:block}.calculator-reset:disabled{cursor:not-allowed;opacity:.7}.calculator-checkbox{color:var(--sw-color-text-secondary);align-items:center;gap:.4rem;margin-top:.75rem;font-size:.6875rem;display:flex}.calculator-checkbox input{accent-color:var(--sw-color-action-primary)}.calculator-status{color:var(--sw-color-text-secondary);grid-column:1/-1;margin:0;font-size:.6875rem}.calculator-invalid-state{color:#713b27;background:#fff7f2;border:1px solid #b66b4a;border-radius:.375rem;margin-top:.75rem;padding:.75rem;font-size:.75rem}.calculator-invalid-state p{margin:.25rem 0 0}.calculator-diagram{background:var(--sw-color-bg-subtle);border-radius:.375rem;place-items:center;min-height:9rem;padding:.5rem;display:grid}.calculator-diagram img{width:min(100%,26rem);height:auto;display:block}.calculator-diagram [hidden]{display:none}.calculator-note{color:var(--sw-color-text-secondary);margin:.75rem 0 0;font-size:.6875rem}.calculator-disclosure{border-top:1px solid var(--sw-color-border-default);margin-top:.75rem}.calculator-disclosure summary{color:var(--sw-color-text-primary);cursor:default;padding:.75rem 0 .25rem;font-size:.75rem;font-weight:600}.calculator-disclosure__body{gap:.75rem;padding-top:.5rem;display:grid}.calculator-markdown>h2,.calculator-markdown>h3,.calculator-markdown>p,.calculator-markdown>ul,.calculator-markdown>ol,.calculator-markdown>table{order:4}.calculator-markdown h2{background:var(--sw-color-bg-surface);border:1px solid var(--sw-color-border-default);border-radius:.625rem .625rem 0 0;margin:0;padding:1rem;font-size:1rem;line-height:1.3}.calculator-markdown p,.calculator-markdown ul,.calculator-markdown ol,.calculator-markdown table{background:var(--sw-color-bg-surface);border-inline:1px solid var(--sw-color-border-default);color:#384f46;margin:0;padding:0 1rem 1rem;font-size:.75rem;line-height:1.55}.calculator-markdown h2+p{padding-top:0}.calculator-markdown ul,.calculator-markdown ol{padding-left:2.25rem}.calculator-markdown li{margin:.3rem 0}.calculator-markdown strong{color:var(--sw-color-text-primary)}.calculator-markdown a{color:var(--sw-color-text-link);font-weight:600}.calculator-markdown table{border-bottom:1px solid var(--sw-color-border-default);border-collapse:separate;border-radius:0 0 .625rem .625rem;width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}.calculator-markdown th,.calculator-markdown td{border-bottom:1px solid var(--sw-color-border-default);text-align:left;vertical-align:top;min-width:7rem;padding:.45rem .5rem}.calculator-markdown th{color:var(--sw-color-text-primary);font-weight:600}.calculator-markdown>:last-child{border-bottom:1px solid var(--sw-color-border-default);border-radius:0 0 .625rem .625rem}@media (width>=48rem){.calculator-page{padding-block:1.5rem 3rem}.calculator-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.calculator-workspace>.calculator-panel--result{grid-area:1/2/span 2}.calculator-workspace>.calculator-panel--advanced-result{grid-area:3/2}.calculator-markdown p,.calculator-markdown ul,.calculator-markdown ol,.calculator-markdown table{font-size:.8125rem}}@media (width>=64rem){.calculator-markdown h1{font-size:2.25rem}.calculator-markdown h1+p{font-size:.875rem}.calculator-markdown h2{font-size:1.125rem}}.board-foot-page .calculator-markdown h1{font-size:1.4375rem}.board-foot-page .calculator-markdown h1+p{font-size:.875rem;line-height:1.5}.board-foot-page .calculator-workspace{grid-template-columns:minmax(0,1fr)}.board-foot-page .board-units{order:0}.board-foot-page .board-results{order:1}.board-foot-page .board-inputs{order:2}.board-foot-page .board-diagram-panel{order:3}.board-foot-page fieldset{min-width:0;margin:0}.board-foot-page .calculator-switch,.board-foot-page .calculator-segment{position:relative}.board-foot-page .calculator-switch label,.board-foot-page .calculator-segment label{color:var(--sw-color-text-primary);background:0 0;padding:0}.board-foot-page .calculator-switch input,.board-foot-page .calculator-segment input{pointer-events:auto}.board-foot-page .calculator-switch span,.board-foot-page .calculator-segment span{cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;width:100%;min-height:2.75rem;padding:.5rem;font-size:.8125rem;display:flex}.board-foot-page input:checked+span{background:var(--sw-color-action-primary);color:var(--sw-color-text-inverse)}.board-foot-page input:focus-visible+span,.board-foot-page .calculator-input-wrap:focus-within{outline:3px solid var(--sw-color-border-focus);outline-offset:2px}.board-foot-page .calculator-input-wrap:has([aria-invalid=true]){border-color:#713b27}.board-foot-page .calculator-input-wrap input{min-height:2.75rem;font-size:1rem}.board-foot-page .calculator-field label,.board-foot-page .calculator-unit{font-size:.8125rem}.board-foot-page .calculator-field__error{color:#713b27;margin:.375rem 0 0;font-size:.8125rem}.board-foot-page .calculator-panel h2{font-size:1.125rem}.board-foot-page .calculator-panel--inputs{position:relative}.board-foot-page .calculator-panel--inputs>h2{min-height:2.75rem;margin-bottom:.5rem;padding-right:6rem}.board-foot-page .calculator-reset{cursor:pointer;min-width:4.5rem;min-height:2.75rem;margin:0;font-size:.8125rem;position:absolute;top:.5rem;right:.75rem}.board-foot-page .board-basis{margin-top:.75rem}.board-foot-page .board-basis legend{color:var(--sw-color-text-secondary);padding:0 .25rem;font-size:.8125rem}.board-foot-page .calculator-note,.board-foot-page .calculator-status{font-size:.8125rem;line-height:1.5}.board-foot-page .calculator-metric dt{font-size:.75rem}.board-foot-page .calculator-metric dd{overflow-wrap:anywhere;font-size:.875rem}.board-foot-page .calculator-result-value{overflow-wrap:anywhere;line-height:1.2}.board-foot-page .calculator-actions button{cursor:pointer;min-height:2.75rem;font-size:.8125rem}.board-foot-page .calculator-actions button:disabled{cursor:not-allowed}.board-foot-page .board-volumes{color:var(--sw-color-text-secondary);overflow-wrap:anywhere;margin:.75rem 0 0;font-size:.8125rem}.board-foot-page .board-fallback{margin-top:.75rem;font-size:.8125rem}.board-foot-page .board-fallback textarea{width:100%;min-width:0;font:inherit;color:var(--sw-color-text-primary);background:var(--sw-color-bg-surface);border:1px solid var(--sw-color-border-default);resize:vertical;margin-top:.375rem;padding:.5rem;display:block}.board-foot-page .board-fallback textarea:focus-visible{outline:3px solid var(--sw-color-border-focus);outline-offset:2px}.board-foot-page [hidden]{display:none!important}.board-foot-page .calculator-markdown p,.board-foot-page .calculator-markdown ul,.board-foot-page .calculator-markdown ol,.board-foot-page .calculator-markdown table{font-size:.875rem}.board-foot-page .calculator-markdown h2{font-size:1.1875rem}@media (width>=48rem){.board-foot-page .calculator-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.board-foot-page .board-units{grid-column:1/-1;width:min(100%,22.5rem)}.board-foot-page .board-inputs{grid-area:2/1/span 2}.board-foot-page .board-results{grid-area:2/2}.board-foot-page .board-diagram-panel{grid-area:3/2}.board-foot-page .calculator-result-value{font-size:2.5rem}}@media (width>=64rem){.board-foot-page .calculator-markdown h1{font-size:1.9375rem}.board-foot-page .calculator-markdown p,.board-foot-page .calculator-markdown ul,.board-foot-page .calculator-markdown ol,.board-foot-page .calculator-markdown table{font-size:1rem}.board-foot-page .calculator-markdown h2{font-size:1.4375rem}}.board-foot-page .calculator-editorial{grid-template-columns:minmax(0,1fr)}.board-foot-page .calculator-workspace>*{min-width:0}.board-foot-page .calculator-markdown h1+p{background:0 0;border:0;padding:0}.board-foot-page .calculator-field__error,.board-foot-page .calculator-field label,.board-foot-page .calculator-metric dt,.board-foot-page .calculator-note,.board-foot-page .calculator-markdown{overflow-wrap:anywhere}.board-foot-page .calculator-panel--inputs{container-type:inline-size}@container (width<=18rem){.board-foot-page .calculator-fields--two{grid-template-columns:minmax(0,1fr)}.board-foot-page .calculator-panel--inputs>h2{padding-right:0}.board-foot-page .calculator-reset{margin:0 0 .75rem auto;position:static}}body:has(.board-foot-page) .site-header__inner{flex-wrap:wrap}body:has(.board-foot-page) .menu-toggle{flex-shrink:0}@media (width>=64rem){body:has(.board-foot-page) .site-nav{flex:1 1 0;width:auto;min-width:0}body:has(.board-foot-page) .site-nav ul{flex-wrap:wrap}}.board-foot-page .board-illustration{width:min(100%,420px);position:relative;container-type:inline-size}.board-foot-page .board-illustration img{width:100%}.board-foot-page .board-dimension{overflow-wrap:anywhere;text-align:center;background:#f5f5f5;justify-content:center;align-items:center;font-size:3.1cqi;font-weight:700;line-height:1.1;display:flex;position:absolute}.board-foot-page .board-dimension--thickness{width:13%;height:21%;top:42%;left:0}.board-foot-page .board-dimension--width{width:17%;height:14%;top:86%;left:17%}.board-foot-page .board-dimension--length{width:26%;height:14%;top:86%;left:48%}.board-foot-page .calculator-input-wrap,.board-foot-page .calculator-switch,.board-foot-page .calculator-segment,.board-foot-page .calculator-actions button,.board-foot-page .calculator-reset,.board-foot-page .board-fallback textarea{border-color:var(--sw-color-text-secondary)}.stair-page .calculator-editorial,.stair-page .calculator-workspace{grid-template-columns:minmax(0,1fr)}.stair-page .stair-units{order:0}.stair-page .stair-results{order:1}.stair-page .stair-inputs{order:2}.stair-page .stair-diagram-panel{order:3}.stair-page .stair-checks{order:4}.stair-page fieldset{min-width:0;margin:0}.stair-page .calculator-switch,.stair-page .calculator-segment{position:relative}.stair-page .calculator-switch label,.stair-page .calculator-segment label{color:var(--sw-color-text-primary);background:0 0;padding:0}.stair-page .calculator-switch input,.stair-page .calculator-segment input{pointer-events:auto}.stair-page .calculator-switch span,.stair-page .calculator-segment span{cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;width:100%;min-height:2.75rem;padding:.5rem;font-size:.8125rem;display:flex}.stair-page input:checked+span{background:var(--sw-color-action-primary);color:var(--sw-color-text-inverse)}.stair-page input:focus-visible+span,.stair-page .calculator-input-wrap:focus-within{outline:3px solid var(--sw-color-border-focus);outline-offset:2px}.stair-page .calculator-input-wrap:has([aria-invalid=true]){border-color:#713b27}.stair-page .calculator-input-wrap input{min-height:2.75rem;font-size:1rem}.stair-page .calculator-field label,.stair-page .calculator-unit,.stair-page .calculator-field__help{font-size:.8125rem}.stair-page .calculator-field__error{color:#713b27;margin:.375rem 0 0;font-size:.8125rem}.stair-page .calculator-panel--inputs{position:relative;container-type:inline-size}.stair-page .calculator-panel--inputs>h2{min-height:2.75rem;padding-right:5rem}.stair-page .calculator-reset{cursor:pointer;min-width:4.5rem;min-height:2.75rem;margin:0;font-size:.8125rem;position:absolute;top:.5rem;right:.75rem}.stair-page .stair-mode,.stair-page .stair-reference{margin-top:.75rem}.stair-page .stair-mode legend{color:var(--sw-color-text-secondary);padding:0 .25rem;font-size:.8125rem}.stair-page .calculator-note,.stair-page .calculator-status{font-size:.8125rem;line-height:1.5}.stair-page .calculator-checkbox{min-height:2.75rem;font-size:.8125rem}.stair-page .calculator-checkbox input{flex-shrink:0;width:1.25rem;height:1.25rem}.stair-page .calculator-disclosure summary{cursor:pointer;min-height:2.75rem}.stair-page .calculator-field select{min-height:2.75rem;font-size:.8125rem}.stair-page .calculator-metric{background:0 0;border:0;padding:.5rem 0}.stair-page .calculator-metric dt{font-size:.75rem}.stair-page .calculator-metric dd{font-size:1rem}.stair-page .calculator-metric .stair-aux{font-size:.8125rem;font-weight:400}.stair-page .calculator-result-value{font-size:3.25rem;line-height:1.2}.stair-page .calculator-result-value small{font-size:1rem}.stair-page .calculator-actions button{cursor:pointer;min-height:2.75rem;font-size:.8125rem}.stair-page .calculator-actions button:disabled{cursor:not-allowed}.stair-page .stair-fallback{margin-top:.75rem;font-size:.8125rem}.stair-page .stair-fallback textarea{width:100%;min-width:0;font:inherit;color:var(--sw-color-text-primary);background:var(--sw-color-bg-surface);resize:vertical;margin-top:.375rem;padding:.5rem;display:block}.stair-page [hidden]{display:none!important}.stair-page .calculator-markdown h1{font-size:1.4375rem}.stair-page .calculator-markdown h1+p{background:0 0;border:0;padding:0;font-size:.875rem;line-height:1.5}.stair-page .calculator-markdown p,.stair-page .calculator-markdown ul,.stair-page .calculator-markdown ol,.stair-page .calculator-markdown table{font-size:.875rem}.stair-page .calculator-markdown h2{font-size:1.1875rem}.stair-page .calculator-workspace>*,.stair-page form{min-width:0}.stair-page .calculator-panel,.stair-page .calculator-markdown{overflow-wrap:anywhere}.stair-page .calculator-input-wrap,.stair-page .calculator-switch,.stair-page .calculator-segment,.stair-page select,.stair-page .calculator-actions button,.stair-page .calculator-reset,.stair-page textarea{border:1px solid var(--sw-color-text-secondary)}@media (width>=48rem){.stair-page .calculator-workspace{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:start}.stair-page .stair-units{grid-column:1/-1;width:min(100%,22.5rem)}.stair-page .stair-inputs{grid-area:2/1/span 2}.stair-page .stair-results{grid-area:2/2}.stair-page .stair-diagram-panel{grid-area:3/2/span 2}.stair-page .stair-checks{grid-area:4/1}}@media (width>=64rem){.stair-page .calculator-markdown h1{font-size:1.9375rem}.stair-page .calculator-markdown p,.stair-page .calculator-markdown ul,.stair-page .calculator-markdown ol,.stair-page .calculator-markdown table{font-size:1rem}.stair-page .calculator-markdown h2{font-size:1.4375rem}.stair-page .calculator-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width<=18rem){.stair-page .calculator-fields--two{grid-template-columns:minmax(0,1fr)}.stair-page .calculator-panel--inputs>h2{padding-right:0}.stair-page .calculator-reset{margin:0 0 .75rem auto;position:static}}body:has(.stair-page) .site-header__inner{flex-wrap:wrap}body:has(.stair-page) .menu-toggle{flex-shrink:0}@media (width>=64rem){body:has(.stair-page) .site-nav{flex:1 1 0;width:auto;min-width:0}body:has(.stair-page) .site-nav ul{flex-wrap:wrap}}.stair-page .calculator-metric{margin:0}.stair-page .calculator-editorial{gap:0}.stair-page .calculator-markdown h1,.stair-page .calculator-markdown h1+p,.stair-page .calculator-workspace{margin-bottom:.75rem}.stair-page .calculator-markdown h2{margin-top:.75rem}.stair-page .stair-dimension-labels{flex-wrap:wrap;justify-content:space-between;gap:.5rem;width:min(100%,26rem);font-size:.75rem;display:flex}.stair-page .calculator-checkbox input:focus-visible,.stair-page select:focus-visible,.stair-page summary:focus-visible,.stair-page textarea:focus-visible{outline:3px solid var(--sw-color-border-focus);outline-offset:2px}.roof-page .calculator-editorial,.roof-page .calculator-workspace{grid-template-columns:minmax(0,1fr)}.roof-page .roof-units{order:0}.roof-page .roof-results{order:1}.roof-page .roof-inputs{order:2}.roof-page .roof-diagram-panel{order:3}.roof-page fieldset{min-width:0;margin:0}.roof-page .calculator-switch,.roof-page .calculator-segment{position:relative}.roof-page .calculator-switch label,.roof-page .calculator-segment label{color:var(--sw-color-text-primary);background:0 0;padding:0}.roof-page .calculator-switch input,.roof-page .calculator-segment input{pointer-events:auto}.roof-page .calculator-switch span,.roof-page .calculator-segment span{cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;width:100%;min-height:2.75rem;padding:.5rem;font-size:.8125rem;display:flex}.roof-page input:checked+span{background:var(--sw-color-action-primary);color:var(--sw-color-text-inverse)}.roof-page input:focus-visible+span,.roof-page .calculator-input-wrap:focus-within{outline:3px solid var(--sw-color-border-focus);outline-offset:2px}.roof-page .calculator-input-wrap:has([aria-invalid=true]){border-color:#713b27}.roof-page .calculator-input-wrap input{min-height:2.75rem;font-size:1rem}.roof-page .calculator-field label,.roof-page .calculator-unit,.roof-page .calculator-field__help{font-size:.8125rem}.roof-page .calculator-field__error{color:#713b27;margin:.375rem 0 0;font-size:.8125rem}.roof-page .calculator-panel--inputs{position:relative;container-type:inline-size}.roof-page .calculator-panel--inputs>h2{min-height:2.75rem;padding-right:5rem}.roof-page .calculator-reset{cursor:pointer;min-width:4.5rem;min-height:2.75rem;margin:0;font-size:.8125rem;position:absolute;top:.5rem;right:.75rem}.roof-page .calculator-note,.roof-page .calculator-status{font-size:.8125rem;line-height:1.5}.roof-page .calculator-checkbox{min-height:2.75rem;font-size:.8125rem}.roof-page .calculator-checkbox input{flex-shrink:0;width:1.25rem;height:1.25rem}.roof-page .calculator-metric{background:0 0;border:0;padding:.5rem 0}.roof-page .calculator-metric dt{font-size:.75rem}.roof-page .calculator-metric dd{font-size:1rem}.roof-page .calculator-result-value{font-size:3.25rem;line-height:1.2}.roof-page .calculator-actions button{cursor:pointer;min-height:2.75rem;font-size:.8125rem}.roof-page .calculator-actions button:disabled{cursor:not-allowed}.roof-page .roof-fallback{margin-top:.75rem;font-size:.8125rem}.roof-page .roof-fallback textarea{width:100%;min-width:0;font:inherit;color:var(--sw-color-text-primary);background:var(--sw-color-bg-surface);resize:vertical;margin-top:.375rem;padding:.5rem;display:block}.roof-page [hidden]{display:none!important}.roof-page .calculator-markdown h1{font-size:1.4375rem}.roof-page .calculator-markdown h1+p{background:0 0;border:0;padding:0;font-size:.875rem;line-height:1.5}.roof-page .calculator-markdown p,.roof-page .calculator-markdown ul,.roof-page .calculator-markdown ol,.roof-page .calculator-markdown table{font-size:.875rem}.roof-page .calculator-markdown h2{font-size:1.1875rem}.roof-page .calculator-workspace>*,.roof-page form{min-width:0}.roof-page .calculator-panel,.roof-page .calculator-markdown{overflow-wrap:anywhere}.roof-page .calculator-input-wrap,.roof-page .calculator-switch,.roof-page .calculator-segment,.roof-page select,.roof-page .calculator-actions button,.roof-page .calculator-reset,.roof-page textarea{border:1px solid var(--sw-color-text-secondary)}@media (width>=48rem){.roof-page .calculator-workspace{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:start}.roof-page .roof-units{grid-column:1/-1;width:min(100%,22.5rem)}.roof-page .roof-results{grid-area:2/2}}@media (width>=64rem){.roof-page .calculator-markdown h1{font-size:1.9375rem}.roof-page .calculator-markdown p,.roof-page .calculator-markdown ul,.roof-page .calculator-markdown ol,.roof-page .calculator-markdown table{font-size:1rem}.roof-page .calculator-markdown h2{font-size:1.4375rem}}@container (width<=18rem){.roof-page .calculator-fields--two{grid-template-columns:minmax(0,1fr)}.roof-page .calculator-panel--inputs>h2{padding-right:0}.roof-page .calculator-reset{margin:0 0 .75rem auto;position:static}}body:has(.roof-page) .site-header__inner{flex-wrap:wrap}body:has(.roof-page) .menu-toggle{flex-shrink:0}@media (width>=64rem){body:has(.roof-page) .site-nav{flex:1 1 0;width:auto;min-width:0}body:has(.roof-page) .site-nav ul{flex-wrap:wrap}}.roof-page .calculator-metric{margin:0}.roof-page .calculator-editorial{gap:0}.roof-page .calculator-markdown h1,.roof-page .calculator-markdown h1+p,.roof-page .calculator-workspace{margin-bottom:.75rem}.roof-page .calculator-markdown h2{margin-top:.75rem}.roof-page .calculator-checkbox input:focus-visible,.roof-page select:focus-visible,.roof-page summary:focus-visible,.roof-page textarea:focus-visible{outline:3px solid var(--sw-color-border-focus);outline-offset:2px}.roof-page .calculator-fields{margin-top:.75rem}.roof-page summary{cursor:pointer;min-height:2.75rem;padding:.5rem 0;font-size:1.125rem;font-weight:600}.roof-page .roof-advanced{order:4}.roof-page .roof-geometry-results{order:5}.roof-page .calculator-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-page .calculator-result-value{font-size:2.5rem}.roof-page .calculator-diagram img{width:min(100%,420px)}.roof-page .calculator-panel{container-type:inline-size}@media (width>=48rem){.roof-page .roof-inputs{grid-area:2/1}.roof-page .roof-results{grid-area:2/2}.roof-page .roof-advanced{grid-area:3/1/span 2}.roof-page .roof-diagram-panel{grid-area:3/2}.roof-page .roof-geometry-results{grid-area:4/2}}@container (width<=18rem){.roof-page .calculator-result-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=64rem){.roof-page .calculator-segment--four{grid-template-columns:repeat(4,minmax(0,1fr))}}.roof-page .roof-area-primary{margin:.75rem 0}.roof-page .roof-area-primary dt{color:var(--sw-color-text-secondary);font-size:.75rem}.roof-page .roof-area-primary dd{margin:.25rem 0 0}.roof-page .calculator-switch input:checked+span,.roof-page .calculator-segment input:checked+span{background:var(--sw-color-bg-brand-subtle,#eaf1ec);color:var(--sw-color-text-primary);box-shadow:inset 0 0 0 1px var(--sw-color-action-primary)}