:root{--ink:#12304b;--muted:#586a77;--teal:#137d7a;--teal-dark:#0e6562;--line:#dce5e6;--paper:#fff;--wash:#f6f8f7;--mint:#eaf4ef;--sand:#f5eadb;--gold:#a56c23;--radius:20px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--teal-dark);text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18}h2{font-size:24px;letter-spacing:-.025em}h3{font-size:18px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cb901f;outline-offset:3px}[hidden]{display:none!important}
#housing-app{max-width:1200px;padding:20px 28px 12px;margin:auto}.hero{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center;padding:0 0 38px}.back{font-size:12px;text-decoration:none;display:inline-block;margin-bottom:28px;color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--teal);margin-bottom:12px}h1{font-size:clamp(30px,3.7vw,46px);letter-spacing:-.04em;margin-bottom:18px}h1 em{font-style:normal;color:var(--teal)}.intro{max-width:660px;font-size:17px;color:var(--muted);margin-bottom:20px}.badges{display:flex;gap:20px;font-size:12px;color:var(--muted)}.badges span::before{content:"✓";color:var(--teal);margin-right:6px}.house{width:100%;max-width:250px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:28px}.form-panel{box-shadow:0 12px 40px #12304b06}.section-head{display:flex;align-items:start;gap:12px;justify-content:space-between}.section-head h2{font-size:22px;margin-bottom:10px}.section-head .eyebrow{font-size:10px}.text-button{background:none;border:0;padding:4px 0;color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px;font-size:12px;flex-shrink:0}.help,small{font-size:12px;color:var(--muted);line-height:1.5}.help{margin:4px 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700;margin:0 0 19px}label small{font-weight:400;display:block;margin-top:6px}.optional{font-size:10px;font-weight:400;color:var(--muted);margin-left:4px}input:not([type=checkbox]),select{display:block;width:100%;height:48px;border:1px solid #b8c7cd;border-radius:8px;background:white;color:var(--ink);margin-top:7px;padding:10px 12px;min-width:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:.4}.unit-input{display:flex;align-items:center;position:relative}.unit-input input{padding-right:64px}.unit-input>span{position:absolute;right:13px;top:20px;font-size:12px;font-weight:400;color:var(--muted);pointer-events:none}select{font-size:13px;padding-right:24px}.check{display:flex;align-items:center;gap:10px;font-weight:400;margin-bottom:20px}.check input{width:18px;height:18px;accent-color:var(--teal);margin:0}.inset{padding:16px 16px 0;border-radius:10px;background:var(--wash);margin-bottom:20px}.divider{border-top:1px solid var(--line);margin:25px 0}.settings{border-top:1px solid var(--line);padding:18px 0 0;margin-top:0}.settings summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none;padding:0 22px 18px 0;position:relative}.settings summary::after{content:"+";position:absolute;right:0;top:1px;font-size:20px;color:var(--teal)}.settings[open] summary::after{content:"−"}.settings summary::-webkit-details-marker{display:none}.settings summary span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}.button{border:1px solid var(--line);border-radius:8px;min-height:46px;padding:12px 17px;font-weight:700;font-size:13px;background:white;color:var(--ink);transition:background .15s}.button:hover{background:var(--wash)}.primary{color:white;background:var(--teal);border-color:var(--teal)}.primary:hover{background:var(--teal-dark)}.calculate{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;font-size:15px;padding:16px 20px}.calculate span{font-size:22px;font-weight:400}.privacy{font-size:11px;text-align:center;margin:14px 8px 0;color:var(--muted)}.error{background:#fff0ed;border-left:3px solid #b43a2d;padding:14px;font-size:13px;margin:14px 0;color:#832b22}[aria-invalid=true]{border-color:#b43a2d!important}
.results{min-width:0;outline:none}.empty-result{background:var(--wash);padding:36px 32px}.empty-result h2{font-size:31px;margin:30px 0 20px}.empty-result>p:not(.eyebrow){color:var(--muted)}.empty-result ol{list-style:none;margin:32px 0;padding:0}.empty-result li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.empty-result li>span{font-family:Georgia,serif;font-size:25px;color:var(--teal)}.empty-result small{display:block;margin-top:4px}.empty-note{font-size:13px;color:var(--muted);padding-top:10px}.result-hero{padding:28px;border-radius:var(--radius);background:var(--ink);color:white}.result-hero .eyebrow{color:#a6dfd1}.result-hero .result-price{font-size:clamp(34px,4.5vw,53px);letter-spacing:-.045em;font-weight:700;line-height:1.05;margin:13px 0}.result-hero p{color:#d9e5ec;font-size:13px;margin-bottom:0}.result-hero strong{color:white}.result-hero .price-label{font-size:14px;color:white}.scenario-choice{display:flex;gap:8px;margin-top:22px}.scenario-choice button{font-size:11px;border:1px solid #597083;color:#e9f1f5;background:transparent;padding:10px 12px;border-radius:7px;flex:1}.scenario-choice [aria-pressed=true]{color:var(--ink);background:#c6e7dc;border-color:#c6e7dc;font-weight:700}.result-panel{margin-top:16px;padding:24px}.result-panel h3{margin-bottom:18px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;margin:0}.metrics dt{font-size:12px;color:var(--muted)}.metrics dd{margin:3px 0 0;font-size:23px;font-weight:700;letter-spacing:-.035em}.metrics dd span{font-weight:400;font-size:12px}.insight{margin-top:20px;background:var(--mint);padding:16px;border-radius:10px;font-size:13px}.insight p{margin:6px 0 0;color:var(--muted);font-size:12px}.breakdown{margin:0}.breakdown>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #ecf0f1;font-size:13px}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;text-align:right;font-weight:700;white-space:nowrap}.breakdown .total{border-top:1px solid var(--line);border-bottom:0;padding-top:14px;font-size:15px}.breakdown .total dt{color:var(--ink);font-weight:700}.tax-note{font-size:11px;color:var(--muted);line-height:1.55;margin:14px 0 0}.tax-note a{font-size:11px}.stress{background:var(--sand);border-color:#ead9c2;font-size:13px}.stress h3{margin:0 0 8px}.stress p{margin:0}.stress small{display:block;margin-top:8px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.actions .button{flex:1;min-width:140px;font-size:12px}.quick-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-options button{background:var(--wash);border:1px solid var(--line);text-align:left;border-radius:10px;padding:14px;color:var(--ink);font-size:12px}.quick-options strong{display:block;font-size:21px;margin:6px 0}.quick-options small{font-size:11px}.quick-options button:hover{border-color:var(--teal)}.assumptions{font-size:12px;color:var(--muted);margin-bottom:0}.assumptions p{margin-bottom:8px}.compare-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:10px 6px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:11px}.notice{font-size:12px;background:#fff8e9;padding:13px;border-radius:8px;margin:15px 0 0}.saved-note{font-size:11px;color:var(--muted);margin:12px 0 0}.footnote{padding:30px 32px;background:var(--wash);border-radius:16px;margin:32px 0 0}.footnote h2{font-size:22px}.footnote p{font-size:13px;color:var(--muted);max-width:900px}.footnote>div{display:flex;flex-wrap:wrap;gap:14px 30px;font-size:12px;font-weight:700}.version{text-align:center;color:var(--muted);font-size:10px;margin:20px 0 0}.result-status{font-size:12px;margin:12px 0 0;color:var(--teal-dark)}.methodology{max-width:850px;margin:40px auto;padding:0 24px 50px}.methodology h1{font-size:38px}.methodology h2{font-size:24px;margin-top:36px}.methodology li,.methodology p{color:var(--muted)}.methodology table{font-size:13px}.methodology th,.methodology td{text-align:left}.methodology .eyebrow{color:var(--teal)}
@media(max-width:1000px){#housing-app{padding:15px 18px}.workspace{gap:18px}.panel{padding:22px}.hero{grid-template-columns:1fr 180px}.fields{gap:0 12px}.section-head{display:block}.section-head .text-button{margin-bottom:14px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding-bottom:28px}.house{display:none}.hero h1{font-size:35px}.intro{font-size:16px}.back{margin-bottom:24px}.empty-result{padding:28px}.empty-result h2{font-size:27px}.empty-result ol{margin:20px 0}.section-head{display:flex}.result-hero .result-price{font-size:49px}.results{scroll-margin-top:12px}.footnote{padding:25px}.result-panel{padding:24px}}
@media(max-width:380px){#housing-app{padding:12px}.panel,.result-hero,.result-panel{padding:20px}.fields{grid-template-columns:1fr}.full{grid-column:auto}.hero h1{font-size:31px}.section-head{display:block}.quick-options{grid-template-columns:1fr}.metrics dd{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{#calculator,.hero,.footnote,.actions,.quick-options,.back,.scenario-choice,.version{display:none!important}.workspace{display:block}.result-panel,.result-hero{break-inside:avoid}.result-hero{color:#12304b!important;background:#fff!important;border:1px solid #dce5e6}.result-hero p,.result-hero strong,.result-hero .eyebrow{color:#12304b!important}#housing-app{padding:0}.results{width:100%}}