button{font-family:inherit}.toolHero{min-height:540px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding-block:64px}.toolHero h1{font-size:clamp(44px,5vw,70px)}.installButton{background:#fff;cursor:pointer;font-size:14px}.metricPreview{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:34px 0}.metricPreview div{padding:20px;background:#f7f8f8;border-left:3px solid #b9c0c8}.metricPreview div.active{background:#fff4ef;border-left-color:var(--accent)}.metricPreview small,.metricPreview strong,.metricPreview span{display:block}.metricPreview small{color:var(--muted)}.metricPreview strong{margin:6px 0 2px;font-size:34px}.metricPreview i{color:#a0a7ae;font-style:normal}.calculatorBand{padding-block:84px;background:#f4f1eb}.calculatorGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:start}.calculatorForm,.resultPanel{background:#fff;border:1px solid var(--line)}.calculatorForm{padding:32px}.toolSectionHead,.resultTop{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.toolSectionHead p,.resultTop p{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.toolSectionHead h2{margin:0;font-size:34px;letter-spacing:-.035em}.textButton{padding:0;border:0;background:none;color:var(--muted);font-weight:700;cursor:pointer}.shapePicker{display:flex;gap:10px;margin:30px 0;padding:0;border:0}.shapePicker legend{margin-bottom:9px;font-size:13px;font-weight:800}.shapePicker label{cursor:pointer}.shapePicker input{position:absolute;opacity:0}.shapePicker span{display:block;padding:12px 16px;border:1px solid var(--line);font-size:13px;font-weight:800}.shapePicker input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.fieldGrid label{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:13px;font-weight:800}.fieldGrid label>span{color:var(--muted);font-weight:400}.fieldGrid input{grid-column:1/-1;width:100%;padding:14px 13px;border:1px solid #c9cdd1;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:400}.fieldGrid input:focus{outline:2px solid var(--accent);outline-offset:1px}.advanced{margin-top:24px;border-top:1px solid var(--line)}.advanced summary{padding:18px 0 0;cursor:pointer;font-size:13px;font-weight:800}.advancedFields{margin-top:20px}.formError{padding:12px 14px;background:#fff0eb;border-left:3px solid var(--accent);color:#8d321a;font-size:13px;font-weight:700}.resultPanel{position:sticky;top:20px;overflow:hidden}.resultTop{padding:26px 28px 0}.resultTop>span{padding:7px 10px;border-radius:20px;background:#e1f2e8;color:#236a48;font-size:11px;font-weight:800}.resultTop>span.warning{background:#fff1d8;color:#8a5b00}.mainResult{padding:26px 28px 28px;border-bottom:1px solid var(--line)}.mainResult small{color:var(--muted);font-size:13px}.mainResult>div{display:flex;align-items:baseline;gap:10px}.mainResult strong{color:var(--accent);font-size:70px;line-height:1.05;letter-spacing:-.055em}.mainResult>div span{font-size:20px;font-weight:800}.mainResult p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.resultCards{display:grid;grid-template-columns:1fr 1fr}.resultCards article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:21px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.resultCards article:nth-child(even){border-right:0}.resultCards small{grid-column:1/-1;color:var(--muted);font-size:11px}.resultCards strong{font-size:23px}.resultCards span{align-self:end;color:var(--muted);font-size:12px}.resultBreakdown{padding:17px 24px}.resultBreakdown div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:12px}.resultBreakdown span{color:var(--muted)}.sizing{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:#f7f8f8;border-top:1px solid var(--line)}.sizing small,.sizing strong{display:block}.sizing small{color:var(--muted);font-size:11px}.sizing strong{margin-top:5px;font-size:20px}.compact{min-height:40px;padding:0 14px;background:#fff;cursor:pointer;font-size:12px}.resultCta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;background:var(--ink);color:#fff}.resultCta span{font-size:12px;color:#d8dbe5}.resultCta strong{white-space:nowrap;font-size:13px}.resultCta:hover{background:var(--accent)}.method .disclaimer{margin-top:30px;padding:25px 28px;border-left:4px solid var(--accent);background:#f4f1eb}.disclaimer p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
@media(max-width:900px){.toolHero,.calculatorGrid{grid-template-columns:1fr}.toolHero{gap:38px}.resultPanel{position:static}.calculatorBand{padding-block:56px}}
@media(max-width:560px){.toolHero{min-height:auto;padding-block:48px}.toolHero .heroActions button{width:100%}.metricPreview{gap:8px}.metricPreview div{padding:15px}.metricPreview strong{font-size:27px}.calculatorForm{padding:22px}.fieldGrid{grid-template-columns:1fr}.toolSectionHead{display:block}.textButton{margin-top:12px}.resultTop,.mainResult{padding-inline:20px}.mainResult strong{font-size:58px}.resultCards{grid-template-columns:1fr}.resultCards article{border-right:0}.sizing,.resultCta{align-items:flex-start;flex-direction:column}.compact{width:100%}}

.metricPreview label{display:block;color:var(--muted);font-size:13px}
.metricPreview input{display:block;width:100%;margin:4px 0 2px;padding:0;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:34px;font-weight:800;line-height:1.2}
.metricPreview input:focus{outline:0;border-bottom-color:var(--accent)}
.quickContext{margin:-18px 0 25px;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}