.calculator-tabs{display:flex;gap:7px;max-width:900px;width:100%;margin:0 auto 24px;border-bottom:1px solid var(--line);padding-bottom:12px}.calculator-tabs button{border:0;border-radius:7px;background:transparent;color:#819371;font-size:11px;padding:11px 14px;min-height:40px}.calculator-tabs button[aria-selected=true]{background:#e8efdf;color:#385f42;font-weight:650}.calculator-tabs button:hover{background:#eff3e8}.mortgage-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(225px,.85fr);gap:27px;max-width:900px;width:100%;margin:0 auto 25px;align-items:start}.mortgage-intro{font-size:10px;line-height:1.9;color:#879872;margin:0 0 22px}.mortgage-form-card form>div>label,.mortgage-field-grid label{display:block;font-size:10px;line-height:1.9;color:#63804f;margin:17px 0 7px}.mortgage-form-card input[type=number]{width:100%;min-width:0;padding:11px;border:1px solid #dbe4d0;border-radius:6px;background:#fff;color:#506c40;font-size:13px;line-height:1.7}.mortgage-form-card input[type=number]:focus-visible{outline:2px solid #628346;outline-offset:2px}.mortgage-form-card input[aria-invalid=true]{border-color:#bc714e;outline-color:#bc714e}.loan-mode{border:0;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:12px 17px}.loan-mode legend{font-size:9px;color:#859973;margin-bottom:9px}.loan-mode label{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c8758;line-height:1.9}.loan-mode input{accent-color:var(--teal);margin:0;width:14px;height:14px}.mortgage-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 15px}.mortgage-help{font-size:9px;line-height:1.9;color:#93a07f;margin:8px 0 0}.mortgage-costs{margin:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.mortgage-costs summary{font-size:10px;color:#749056;cursor:pointer;line-height:1.8}.mortgage-costs summary:focus-visible{outline:2px solid #628346;outline-offset:5px}.mortgage-form-card #mortgage-error{margin:15px 0}.mortgage-example{font-size:9px!important;margin:19px 0 0;color:#91a27b!important}.mortgage-results{position:sticky;top:25px;border-radius:10px;background:#edf3e6;border:1px solid #dce7d2;padding:24px;min-width:0}.mortgage-result-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.mortgage-result-heading .eyebrow{font-size:8px;letter-spacing:1.1px;color:#8d9f78}.mortgage-results output{display:block;font:550 clamp(24px,2.4vw,38px)/1.4 Manrope,sans-serif;color:#5b7b43;margin:19px 0 8px;letter-spacing:-1px;overflow-wrap:anywhere}.mortgage-results>p{font-size:9px;line-height:1.9;color:#859b6e;margin:0 0 18px}.mortgage-results dl{margin:0;padding:0}.mortgage-results dl>div{display:flex;justify-content:space-between;gap:17px;border-bottom:1px solid #dce6d1;padding:11px 0;align-items:flex-start}.mortgage-results dt{font-size:9px;line-height:1.9;color:#8b9e74;max-width:58%}.mortgage-results dd{font-size:11px;line-height:1.8;font-weight:600;color:#69864d;margin:0;overflow-wrap:anywhere;text-align:right}.mortgage-loan-totals{margin-top:19px!important}.mortgage-loan-totals>div{border:0!important;padding:7px 0!important}.mortgage-assumptions{padding-top:21px;border-top:1px dashed #d0ddc4;margin-top:18px}.mortgage-assumptions strong{font-size:9px;font-weight:650;color:#7b9262}.mortgage-assumptions p{font-size:8px;line-height:2;color:#95a382;margin:9px 0 0}.mortgage-results .copy-button{font-size:9px}.mortgage-form-card .card-heading{gap:10px}.mortgage-form-card .text-button{white-space:nowrap}
@media(max-width:1150px){.mortgage-layout{grid-template-columns:minmax(0,1fr);max-width:420px}.mortgage-results{position:static}.calculator-tabs{max-width:420px}.mortgage-results output{font-size:36px}.mortgage-layout{gap:22px}}
@media(max-width:690px){.calculator-tabs{margin-bottom:23px}.calculator-tabs button{font-size:10px;padding:10px 12px}.mortgage-results{padding:23px}.mortgage-form-card input[type=number]{font-size:16px}.mortgage-field-grid{gap:0 13px}.mortgage-results dt{font-size:10px}.mortgage-results dd{font-size:12px}.mortgage-assumptions p{font-size:9px}.loan-mode{gap:13px}.mortgage-results output{font-size:36px}}
@media(max-width:360px){.mortgage-field-grid{grid-template-columns:minmax(0,1fr)}.loan-mode{flex-direction:column;gap:8px}.mortgage-results{padding:19px}.calculator-tabs button{padding:9px 10px;font-size:9px}}
.calculator-tabs button,.mortgage-intro,.mortgage-help,.loan-mode legend,.loan-mode label,.mortgage-form-card form>div>label,.mortgage-field-grid label,.mortgage-costs summary,.mortgage-result-heading .eyebrow,.mortgage-results>p,.mortgage-results dt,.mortgage-assumptions strong,.mortgage-assumptions p{color:#536b48}.mortgage-help,.mortgage-results>p,.mortgage-assumptions p{font-size:10px}.mortgage-results dd{color:#4e693d}.mortgage-example{color:#536b48!important}.mortgage-form-card input[type=number]:focus-visible,.mortgage-costs summary:focus-visible{outline-color:var(--teal)}
