:root{--calc-navy:#183446;--calc-clay:#c66b4e;--calc-ivory:#f5f1e9;--calc-muted:#64727a;--calc-line:#e2e3df}.calc-main{max-width:1280px;margin:auto;padding:0 36px 70px}.calc-intro{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:65px 0 45px}.calc-intro h1{font-size:clamp(40px,5vw,66px);line-height:1.06;letter-spacing:-2px;margin:16px 0 25px}.calc-intro em{font-style:normal;color:var(--calc-clay)}.calc-intro p:not(.eyebrow){max-width:600px;font-size:18px;line-height:1.6}.intro-mark{width:220px;height:180px;position:relative;flex-shrink:0;transform:rotate(-6deg)}.intro-mark span{position:absolute;width:85px;height:65px;background:var(--calc-ivory);border:1px solid #d6d8d4}.intro-mark span:nth-child(1){left:15px;top:0}.intro-mark span:nth-child(2){left:110px;top:0;background:var(--calc-clay)}.intro-mark span:nth-child(3){left:15px;top:75px;background:var(--calc-navy)}.intro-mark span:nth-child(4){left:110px;top:75px}.intro-mark b{position:absolute;bottom:4px;left:60px;font-size:12px;color:var(--calc-clay)}.mode-screen h2{font-size:28px;margin:0 0 25px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-cards button{border:1px solid var(--calc-line);padding:35px;background:white;text-align:left;border-radius:6px;color:var(--calc-navy);cursor:pointer;transition:.2s}.mode-cards button:hover{border-color:var(--calc-clay);box-shadow:0 10px 35px #1834460a}.mode-cards svg{height:105px;width:160px;margin-bottom:20px;fill:var(--calc-ivory);stroke:var(--calc-clay);stroke-width:3}.mode-cards strong,.mode-cards span,.mode-cards small{display:block}.mode-cards strong{font-size:26px;margin-bottom:12px}.mode-cards span{line-height:1.7;color:var(--calc-muted)}.mode-cards small{font-size:13px;margin-top:25px;font-weight:bold;color:var(--calc-clay)}.wizard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiet{border:0;background:none;color:var(--calc-navy);font-weight:600;padding:12px 0;cursor:pointer}.step-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:20px 0 28px}.step-nav button{background:#f4f4f1;border:0;border-bottom:3px solid transparent;min-height:76px;padding:12px 6px;font-size:11px;line-height:1.4;color:var(--calc-muted);cursor:pointer}.step-nav button b{display:block;margin-bottom:6px;font-size:15px}.step-nav button.active{background:var(--calc-navy);color:white;border-color:var(--calc-clay)}.step-nav button.done{color:var(--calc-navy);border-color:#b9c6bf}.calc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:28px}.step-card{border:1px solid var(--calc-line);background:#fff;border-radius:6px;padding:32px;min-height:520px}.step-card h2{font-size:30px;letter-spacing:-.5px;margin:5px 0 12px}.step-lead{font-size:15px;line-height:1.7;margin-bottom:26px;color:var(--calc-muted)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choices.layout-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;padding:16px 10px;background:#fff;border:1px solid var(--calc-line);border-radius:4px;cursor:pointer;font:inherit;text-align:center;color:var(--calc-navy)}.choice svg{width:100%;max-width:100px;height:62px;stroke:var(--calc-clay);fill:#f5f1e9;stroke-width:2}.choice img{width:100%;height:100px;object-fit:contain}.choice strong{font-size:13px;line-height:1.5}.choice small{color:var(--calc-muted);font-size:12px}.choice.selected{border:2px solid var(--calc-clay);background:#fcf8f3}.choice:disabled{opacity:.4;cursor:not-allowed}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.fields label,.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.fields input,.fields select,.field input,.field select{width:100%;border:1px solid #cbd1d4;background:white;padding:13px 12px;min-height:46px;font:inherit;border-radius:3px;color:var(--calc-navy)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #c66b4e66;outline-offset:3px}.field small,.fields small{font-size:12px;line-height:1.5;font-weight:400;color:var(--calc-muted)}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--calc-line);padding-top:22px;margin-top:30px}.step-actions .button{border:0;cursor:pointer}#step-error{color:#a33322;font-size:14px;line-height:1.5}.project-card{background:var(--calc-ivory);padding:25px;align-self:start;border-radius:6px;position:sticky;top:115px}.project-card dl{margin:15px 0}.project-card dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:16px;color:var(--calc-muted)}.project-card dd{font-size:13px;line-height:1.6;margin:4px 0;font-weight:600}.project-card small{font-size:11px;line-height:1.7;color:var(--calc-muted)}#mini-plan{height:135px}#mini-plan svg{width:100%;height:100%}.inline-note{padding:15px 18px;background:var(--calc-ivory);font-size:13px;line-height:1.7;border-left:3px solid var(--calc-clay);margin-top:18px}.check-field{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;margin:20px 0}.check-field input{margin-top:6px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.editor-toolbar button{background:#f3f2ed;border:1px solid #d7dad6;padding:9px;font-size:11px;border-radius:3px;color:var(--calc-navy);cursor:pointer}.editor-svg{width:100%;height:320px;display:block;background:#fafbf9;border:1px solid var(--calc-line);touch-action:none;cursor:crosshair}.vertex-list{max-height:180px;overflow:auto;margin-top:12px}.vertex-row{display:flex;gap:8px;align-items:center;margin:8px 0}.vertex-row b{width:22px;font-size:12px}.vertex-row input{width:85px;border:1px solid #d7dad6;padding:7px;min-height:32px}.vertex-row button{background:none;border:0;color:#a33322;cursor:pointer}.result-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:30px 0}.result-heading h2{font-size:34px;margin:10px 0}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions button{border:1px solid var(--calc-line);background:white;padding:12px 16px;cursor:pointer;color:var(--calc-navy);font-weight:600}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metric{padding:25px;background:var(--calc-ivory);border-top:3px solid var(--calc-clay)}.metric strong{display:block;font-size:33px;margin:10px 0}.metric span,.metric small{font-size:12px;line-height:1.6}.result-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.plan-panel,.materials-panel{border:1px solid var(--calc-line);padding:25px;min-width:0}.plan-panel svg{width:100%;height:420px;background:#fcfcfa}.plan-panel h3,.materials-panel h3{font-size:20px;margin:0 0 20px}.plan-legend{display:flex;gap:15px;font-size:11px;flex-wrap:wrap}.plan-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--calc-clay);margin-right:6px}.material-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--calc-line);padding:17px 0}.material-row img{height:70px;width:75px;object-fit:contain;flex-shrink:0}.material-row strong,.material-row span,.material-row small{display:block;line-height:1.6}.material-row strong{font-size:13px}.material-row span{font-size:12px}.material-row small{font-size:11px;color:var(--calc-muted)}.material-row a{font-size:12px;font-weight:600;color:var(--calc-clay)}.order-callout{background:var(--calc-navy);padding:25px;color:white;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.order-callout p{font-size:13px;line-height:1.7;max-width:630px}.order-callout .button{background:var(--calc-clay);border:0;cursor:pointer;white-space:nowrap}.order-callout .button:disabled{opacity:.5;cursor:not-allowed}.result-notes{font-size:12px;line-height:1.8;color:var(--calc-muted)}.result-warnings{padding:15px 20px;border-left:3px solid #c66b4e;background:#fff5ee;line-height:1.7;font-size:13px}.calc-help{border-top:1px solid var(--calc-line);margin-top:65px;padding-top:45px}.calc-help h2{font-size:30px;line-height:1.2;margin:15px 0 30px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}.help-grid details{border-bottom:1px solid var(--calc-line);padding:18px 0;line-height:1.8;font-size:13px}.help-grid summary{font-weight:600;cursor:pointer;font-size:14px}.calc-disclaimer{font-size:11px;line-height:1.8;color:var(--calc-muted);margin-top:25px}[hidden]{display:none!important}@media(max-width:900px){.calc-main{padding:0 20px 40px}.calc-workspace{grid-template-columns:1fr}.project-card{position:static;display:none}.step-card{padding:24px}.step-nav{grid-template-columns:repeat(4,1fr)}.result-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.intro-mark{display:none}.calc-intro{padding-top:40px}.choices.layout-choices{grid-template-columns:repeat(2,1fr)}.result-heading,.order-callout{flex-direction:column}.help-grid{grid-template-columns:1fr}.order-callout .button{white-space:normal}}@media(max-width:540px){.mode-cards,.fields{grid-template-columns:1fr}.mode-cards button{padding:24px}.calc-intro h1{font-size:43px}.step-card{padding:20px 16px}.wizard-heading{font-size:11px}.metric{padding:16px}.metric strong{font-size:26px}.plan-panel,.materials-panel{padding:18px}.step-nav button{font-size:10px}.plan-panel svg{height:300px}}@media print{header,footer,.announcement,.calc-intro,.mode-screen,#wizard,.calc-help,.result-actions,.order-callout{display:none!important}.calc-main{padding:0;max-width:none}.result-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(4,1fr)}.metric{padding:10px;break-inside:avoid}.metric strong{font-size:24px}.plan-panel svg{height:320px}.material-row{break-inside:avoid}.result-heading{margin:0 0 15px}#results[hidden]{display:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-notes{font-size:10px}}

/* Allow longer translated labels to wrap on narrow layouts. */
.step-nav button,.choice strong,.choice small{min-width:0;overflow-wrap:anywhere}.wizard-heading,.step-actions{flex-wrap:wrap}.fields label,.field{min-width:0}