.brand{display:block;width:182px;background:#fff;padding:8px 10px;line-height:1}
.brand img{width:100%;height:auto;aspect-ratio:6661/2278;object-fit:contain}
.desktop-nav{gap:20px}.header-inner{gap:30px}.desktop-nav>a{font-size:11px}
.calculator-section{padding-top:50px}.calc-mode{display:flex;gap:0;max-width:440px;margin-bottom:35px;border:1px solid #b9c0be;padding:5px;background:#fff}.calc-mode button{flex:1;background:transparent;color:var(--muted);font-size:13px;font-weight:700;padding:14px 24px}.calc-mode button[aria-pressed=true]{background:var(--ink);color:#fff}
.calculator-layout{display:grid;grid-template-columns:.78fr 1.3fr 1fr;gap:28px;align-items:start}.calc-visual{min-width:0}.calc-diagram{background:var(--ink);aspect-ratio:1.05;display:flex;align-items:center;justify-content:center}.calc-diagram svg{width:100%;height:auto}.calc-presets{background:#eeefeb;padding:24px;margin-top:18px}.calc-presets h2{font-size:18px;margin-bottom:20px;line-height:1.2}.calc-presets>button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 0;border-bottom:1px solid #d0d6d1;background:transparent;font-size:10px;text-align:left;color:#4a5961}.calc-presets>button:hover{color:#9f4807}.calc-presets>button>span:last-child{font-size:9px;color:#7c8589}
.calc-work{background:white;border:1px solid #dde1db;padding:28px;min-width:0}.calc-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.calc-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-weight:700;font-size:11px;min-width:0}.calc-field input,.calc-field select{padding:11px 12px;background:white;border:1px solid #bfc8c4;min-width:0;width:100%;min-height:43px;font-size:13px;font-weight:400;color:var(--ink)}.calc-input-unit{display:flex;align-items:center;border:1px solid #bfc8c4;background:#f7f8f4;min-width:0}.calc-input-unit>input{border:0;background:white;min-width:0;width:100%;outline-offset:-2px}.calc-input-unit>span{font-weight:400;font-size:10px;color:#66747c;padding:0 12px;white-space:nowrap}.calc-unit-label{margin-top:-12px;margin-bottom:18px}.calc-unit-label select{font-size:10px;border:0;background:#eff1ec;padding:4px 8px;color:#475860}.calc-material-block{border-top:1px solid #dce0da;padding-top:20px;margin-top:4px}.calc-material-block input[type=search]{font-size:12px;min-height:42px}.calc-field select[size]{padding:5px;font-size:11px;font-weight:400;line-height:1.6;height:132px;border-color:#c4cdc7}.calc-field select[size] option{padding:6px 7px}.calc-density-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calc-quantity{display:flex;align-items:stretch;border:1px solid #bfc8c4}.calc-quantity button{width:32px;flex-shrink:0;background:#f1f3ee;color:#5f6c72;font-size:19px;font-weight:400}.calc-quantity input{border:0;min-width:0;text-align:center;padding:10px 0;font-size:13px}.calc-remember{font-size:10px;display:flex;gap:9px;align-items:flex-start;color:#596b72;line-height:1.7}.calc-remember input{margin:2px 0 0;accent-color:var(--orange);width:14px;height:14px;flex-shrink:0}.calc-material-block>.text-button{font-size:9px;padding-top:10px}.calc-density-status{font-size:10px;color:#526b57;margin:0 0 8px}.calc-material-empty{font-size:11px;color:#a34c0c}.calc-actions{display:flex;gap:10px;margin-top:17px}.calc-actions>.button:first-child{flex:1}.calc-actions>.button{font-size:12px;padding:13px 18px;min-height:49px}.calc-error{color:#a12222;font-size:11px;background:#fff1ef;padding:12px;border-left:2px solid #a12222;margin:12px 0}.calc-result{margin-top:25px;padding:24px;background:var(--ink);color:white}.calc-result>p{color:#bfc8cd;font-size:12px;margin:0}.calc-result .eyebrow{font-size:8px}.calc-result-value{display:flex;gap:12px;align-items:baseline;padding:12px 0 20px;border-bottom:1px solid #ffffff25}.calc-result-value strong{font-size:43px;letter-spacing:-.045em;line-height:1.2;overflow-wrap:anywhere}.calc-result-value>span{font-size:17px;color:#b9c5cc}.calc-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:17px}.calc-result-stats>div{display:flex;flex-direction:column;gap:7px}.calc-result-stats span{font-size:8px;color:#afbdc6;line-height:1.6}.calc-result-stats strong{font-size:14px;letter-spacing:-.01em;line-height:1.5}.calc-result [data-result-formula]{margin-top:20px;margin-bottom:0;font-size:9px;color:#a7b5bd;line-height:1.8;overflow-wrap:anywhere}.calc-work>.fine-print{font-size:10px}.calc-method{border-top:1px solid #dce0da;padding-top:17px}.calc-method summary,.calc-notes summary{cursor:pointer;font-size:12px;font-weight:700;list-style-position:inside}.calc-method p{font-size:10px;line-height:1.8;margin-top:16px}.calc-history{border:1px solid #cfd6d0;background:#eeefeb;min-width:0}.calc-history-heading{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px}.calc-history-heading h2{font-size:21px;margin:0}.calc-history-heading>span{background:var(--orange);color:var(--ink);border-radius:50%;height:23px;min-width:23px;text-align:center;line-height:23px;font-size:10px;font-weight:700}.calc-history>[data-history-empty]{padding:40px 25px;font-size:12px;text-align:center;color:#697c83;line-height:1.9}.calc-history [data-calculation-history]{max-height:650px;overflow:auto}.calculation-row{background:#fff;margin:12px;padding:16px;border:1px solid #dde2dc}.calculation-row>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;color:#78858d;letter-spacing:.06em}.calculation-row>div:first-child button{background:none;color:#7a878b;font-size:21px;line-height:1}.calculation-row h3{font-size:15px;margin:11px 0 9px;letter-spacing:-.02em;line-height:1.4}.calculation-row p{font-size:9px;margin-bottom:10px;line-height:1.8}.calculation-row>strong{font-size:22px;letter-spacing:-.03em}.calculation-row>strong small{font-size:12px;color:#687780;font-weight:400}.calc-history-total{padding:23px 22px;border-top:1px solid #d3d9d2;display:flex;flex-direction:column;gap:8px}.calc-history-total>span{font-size:9px;font-weight:700;color:#65777e}.calc-history-total>strong{font-size:27px;letter-spacing:-.035em;line-height:1.3;overflow-wrap:anywhere}.calc-history-actions{display:flex;justify-content:space-between;gap:20px;padding:0 22px 20px}.calc-history>.fine-print{padding:15px 22px 22px;margin:0;font-size:9px;border-top:1px solid #d3d9d2}.calc-clear-confirm{background:#f9e7da;padding:20px}.calc-clear-confirm p{font-size:11px;color:#794722}.calc-clear-confirm .button{min-height:35px;font-size:10px;padding:10px 15px;margin-right:15px}.calc-notes{margin-top:40px;border-top:1px solid #d0d8d0;padding-top:22px}.calc-notes p{font-size:11px;max-width:850px;margin-top:20px;line-height:1.9}.calc-notes>a{font-size:11px;color:#965024;text-decoration:underline;display:inline-block;margin-right:25px}
@media(max-width:1250px){.brand{width:168px}.desktop-nav{gap:16px}.desktop-nav>a{font-size:10px}.header-inner{gap:24px}.calculator-layout{grid-template-columns:.75fr 1.25fr 1fr;gap:18px}.calc-work{padding:23px}.calc-density-row{grid-template-columns:1fr}.calc-density-row .calc-field{margin-bottom:14px}.calc-presets{padding:20px}.calc-result-value strong{font-size:37px}.calc-history-heading h2{font-size:19px}.calc-history-total>strong{font-size:25px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.header-inner{height:82px}.calculator-layout{grid-template-columns:.8fr 1.2fr}.calc-history{grid-column:1/-1}.calc-history [data-calculation-history]{display:grid;grid-template-columns:repeat(3,1fr);max-height:450px;padding:6px}.calculation-row{margin:6px}.calc-history-total{flex-direction:row;align-items:center;justify-content:space-between}.calc-history-actions{justify-content:flex-start;gap:35px}.calc-work{padding:28px}.calc-density-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.brand{width:152px;padding:7px 9px}.header-inner{height:75px;gap:18px}.calculator-section{padding-top:30px}.calc-mode{max-width:none;margin-bottom:24px}.calc-mode button{font-size:12px;padding:13px 15px}.calculator-layout{grid-template-columns:1fr;gap:24px}.calc-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.calc-diagram{aspect-ratio:.95}.calc-presets{margin:0;padding:18px}.calc-presets h2{font-size:15px;margin-bottom:10px}.calc-presets button{font-size:9px;padding:7px 0}.calc-presets button span:last-child{font-size:8px}.calc-presets>button:nth-of-type(n+5){display:none}.calc-work{padding:26px}.calc-history{grid-column:auto}.calc-history [data-calculation-history]{grid-template-columns:1fr}.calc-history-heading h2{font-size:23px}.calc-history-total>strong{font-size:29px}.calc-history-actions{justify-content:space-between;gap:20px}.calc-history>.fine-print{font-size:10px}.calc-history>[data-history-empty]{padding-block:30px}.calc-history [data-calculation-history]{max-height:550px}.calculation-row h3{font-size:18px}.calculation-row p{font-size:10px}.calculation-row>strong{font-size:27px}.calc-result-value strong{font-size:42px}.calc-dimensions{gap:0 14px}.calc-actions>.button{padding-inline:15px}.calc-notes summary{font-size:12px}.calc-notes>a{display:block;margin-top:12px}.calc-result-stats strong{font-size:14px}.calc-presets{max-height:310px;overflow:auto}}
@media(max-width:420px){.brand{width:141px}.header-inner{gap:12px}.header-actions{gap:15px}.calc-work{padding:22px}.calc-visual{gap:12px}.calc-presets{padding:13px}.calc-diagram{aspect-ratio:.93}.calc-result{padding:21px}.calc-result-value strong{font-size:38px}.calc-density-row{grid-template-columns:1fr}.calc-dimensions{grid-template-columns:1fr 1fr}.calc-presets>button{display:block}.calc-presets>button>span{display:block}.calc-presets>button:nth-of-type(n+4){display:none}.calc-presets h2{font-size:14px}.calc-mode button{font-size:11px}}
@media(max-width:360px){.brand{width:126px;padding:6px 7px}.header-actions{gap:12px}.header-inner{gap:10px}.languages{font-size:8px;gap:6px}.menu-toggle{width:29px}.calc-actions{flex-direction:column}.calc-actions .button{width:100%}.calc-visual{grid-template-columns:1fr}.calc-diagram{aspect-ratio:1.3}.calc-presets>button{display:flex}.calc-presets>button:nth-of-type(n+4){display:flex}.calc-presets{max-height:220px}.calc-density-row,.calc-dimensions{grid-template-columns:1fr}}
@media print{.header,.topbar,.preview-bar,footer,.calc-mode,.calc-visual,.calc-work, .calc-notes,.calc-history-actions,.calc-history>.fine-print,.page-hero,.calc-clear-confirm{display:none!important}.calculator-layout{display:block}.calc-history{width:100%;border:0}.calc-history [data-calculation-history]{display:block;max-height:none;overflow:visible}.calculation-row{break-inside:avoid;border:1px solid #bbb}.calculation-row button{display:none}.calc-history-heading{background:#fff;color:#000}.calculator-section{padding:0}.calc-history-total{border-top:2px solid #000}}
