#main.calculator-page>.wrap{max-width:2040px;width:calc(100% - 32px);padding-left:0;padding-right:0}
.calculator-shell{display:grid;grid-template-columns:184px minmax(0,1fr);gap:12px;align-items:start}
.calculator-content{min-width:0}
.calculator-content>.page-heading{margin-top:0}
.calculator-sidebar{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #d9e0d9;border-radius:8px;background:#fff;color:#242727;font:14px/1.55 Arial,Helvetica,sans-serif}
.calculator-sidebar summary{list-style:none;cursor:pointer;min-height:44px;box-sizing:border-box}
.calculator-sidebar summary::-webkit-details-marker{display:none}
.calculator-sidebar summary:focus-visible,.calculator-sidebar a:focus-visible{outline:2px solid #315847;outline-offset:-3px;border-radius:4px}
.calculator-menu-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font:600 16px/1.4 Arial,Helvetica,sans-serif;background:#f2f5f1}
.calculator-menu-title>span{font-size:22px;transition:transform .15s}
.calculator-menu:not([open])>.calculator-menu-title>span{transform:rotate(-90deg)}
.calculator-menu-group{border-top:1px solid #e4e9e2}
.calculator-menu-group>summary{display:grid;grid-template-columns:minmax(0,1fr) 14px 8px;align-items:center;gap:5px;padding:12px 10px;font-weight:400}
.calculator-menu-group>summary>.line-icon{display:none}
.calculator-menu-group>summary>small{font:12px Arial,sans-serif;color:#627467;text-align:center}
.calculator-menu-group>summary::after{content:'›';grid-column:3;grid-row:1;font-size:18px;text-align:center;color:#627467}
.calculator-menu-group[open]>summary::after{transform:rotate(90deg)}
.calculator-menu-group>summary:hover{background:#f4f7f2}
.calculator-menu-group ul{list-style:none;margin:0;padding:0 8px 10px}
.calculator-menu-group li{margin:2px 0}
.calculator-menu-group a{display:block;min-height:44px;box-sizing:border-box;padding:10px 10px 10px 14px;border-left:3px solid transparent;border-radius:4px;color:#435447;text-decoration:none;overflow-wrap:anywhere}
.calculator-menu-group a:hover{background:#f0f4ed;color:#203e2c}
.calculator-menu-group a[aria-current=page]{background:#e8f0e3;border-left-color:#416b4f;color:#203e2c;font-weight:600}
.calculator-menu-catalog{display:block;margin:4px 12px 12px;padding:12px 4px;border-top:1px solid #e4e9e2;color:#315847;font-weight:600;text-decoration:none}
/* Retain the calculator's original row/column placement; only share its width. */
@media screen and (min-width:1201px){
 #main.calculator-page #timber-app{grid-template-columns:minmax(0,.68fr) minmax(0,1.52fr) minmax(0,.8fr);gap:12px}
 #main.calculator-page #timber-app>:is(.tc-input-panel,.tc-scheme){padding:12px}
 #main.calculator-page #timber-app :is(.tc-input-panel,.tr-input)>:is(header,.tc-panel-title)>h2,
 #main.calculator-page #timber-app :is(.tc-scheme,.tr-scheme) h2{font-size:22px;line-height:1.2}
 #main.calculator-page #timber-app :is(.tc-input-panel,.tr-input) legend{font-size:18px;line-height:1.35}
 #main.calculator-page #timber-app :is(.tc-scheme,.tr-scheme) h3{font-size:18px;line-height:1.3}
 #main.calculator-page #timber-app form :is(.tc-field,.tr-field) :is(input,select){font-size:14px;min-height:36px;height:36px;padding:5px 7px}
 #main.calculator-page #timber-app .tr-input fieldset{margin-left:12px;margin-right:12px}
 #main.calculator-page #timber-app .tc-fields{gap:8px}
 #main.calculator-page #timber-app form :is(.tc-actions,.tr-actions){display:flex;flex-direction:column;align-items:stretch;gap:8px}
 #main.calculator-page #timber-app form :is(.tc-actions,.tr-actions)>button{width:100%;min-width:0;white-space:normal}
}
@media(max-width:1200px){
 .calculator-shell{grid-template-columns:minmax(0,1fr);gap:20px}
 .calculator-sidebar{position:static;max-height:none;overflow:visible}
 .calculator-menu[open]>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .calculator-menu-catalog{grid-column:1/-1}
}
@media(max-width:600px){
 #main.calculator-page>.wrap{width:calc(100% - 24px)}
 .calculator-menu[open]>nav{grid-template-columns:minmax(0,1fr)}
}
@media print{
 .calculator-sidebar{display:none!important}
 .calculator-shell{display:block}
 #main.calculator-page>.wrap{width:100%;max-width:none}
}