#mortgage-calculator{--budget-color-pi:#a78bfa;--budget-color-tax:#2dd4bf;--budget-color-hoi:#fbbf24;--budget-color-mi:#f472b6;--budget-color-hoa:#60a5fa;--budget-color-other:#fb923c;--budget-color-extra:#a3e635;--muted:#626473;--navy:#30337e;--gold:#5a5bc1;max-width:1280px;margin:28px auto;padding:76px 30px 45px;background:linear-gradient(145deg,#f5f4ff,#eefafa);border-radius:24px;color:#242436;font-family:Arial,Helvetica,sans-serif;scroll-margin-top:30px}#mortgage-calculator *{box-sizing:border-box}#mortgage-calculator .section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:44px}#mortgage-calculator .eyebrow{display:block;color:#5a5bc1;font-size:11px;font-weight:700;letter-spacing:2.5px;margin-bottom:6px}#mortgage-calculator h2{font:700 clamp(30px,3.1vw,44px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1.3px;margin:0}#mortgage-calculator .section-top>p{max-width:380px;color:#626473;font-size:14px;line-height:1.8;margin:0}#mortgage-calculator .advanced-calc-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}#mortgage-calculator .calc-panel{padding:30px;border:1px solid #e0e1f0;border-radius:12px;background:#fff;box-shadow:0 15px 50px #23264706;min-width:0}#mortgage-calculator .calc-step{display:flex;align-items:center;gap:12px;margin-bottom:22px}#mortgage-calculator .calc-step>span{display:grid;place-items:center;background:#e9e7ff;color:#4144a2;border-radius:10px;width:38px;height:38px;font-size:16px;font-weight:700;flex-shrink:0}#mortgage-calculator .calc-step h3{font:700 20px/1.3 Arial,Helvetica,sans-serif;margin:0;color:#242436}#mortgage-calculator .fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}#mortgage-calculator label{display:block;font-size:14px;line-height:1.5;color:#54616e;font-weight:400;margin:0;min-width:0}#mortgage-calculator input,#mortgage-calculator select{display:block;width:100%;min-width:0;font:16px/1.4 Arial,Helvetica,sans-serif;color:#30337e;border:1px solid #dfe3e4;border-radius:5px;padding:13px 16px;margin-top:8px;height:48px;background:white}#mortgage-calculator .loan-type-field{grid-column:1/-1}#mortgage-calculator .note{font-size:11px!important;line-height:1.7;color:#626473;margin:14px 0 0}#mortgage-calculator .note a{color:inherit;text-decoration:underline;text-underline-offset:3px}#mortgage-calculator .loan-type-note{background:#f0eefa;border-radius:9px;padding:14px 15px;margin-top:16px}#mortgage-calculator .costs-heading{margin-top:28px}#mortgage-calculator .calc-cost-fields{margin-top:16px;padding-top:24px;border-top:1px solid #dedfeb}#mortgage-calculator .cost-mode-control .note{margin-top:10px}#mortgage-calculator .cost-mode-control label+label{margin-top:18px}#mortgage-calculator .calc-extra{margin-top:25px}#mortgage-calculator .calc-extra summary{font-weight:700;cursor:pointer;padding:12px 0;font-size:13px}#mortgage-calculator .calc-extra label{margin-top:10px}#mortgage-calculator [hidden]{display:none!important}#mortgage-calculator .calc-summary{background:linear-gradient(140deg,#292b78,#46499d);color:white;border:0;position:sticky;top:25px}#mortgage-calculator .calc-summary>.eyebrow{color:#b9baf4}#mortgage-calculator .budget-chart{width:180px;height:180px;border-radius:50%;margin:4px auto 28px;padding:20px;background:#7578e5}#mortgage-calculator .budget-chart>div{height:100%;width:100%;border-radius:50%;background:#30337e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}#mortgage-calculator .budget-chart strong{font:700 13px Arial,Helvetica,sans-serif;letter-spacing:1px}#mortgage-calculator .budget-chart span{font-size:11px;color:#e0e3ff}#mortgage-calculator .result{display:flex;flex-direction:column;align-items:start;gap:14px;margin:0;padding:0;border:0}#mortgage-calculator .result>span{font-size:12px;color:#e4e5ff;line-height:1.5}#mortgage-calculator .result>strong{font:44px/1.2 Georgia,serif;color:white;overflow-wrap:anywhere}#mortgage-calculator .payment-parts{font-size:13px;margin:24px 0}#mortgage-calculator .payment-parts>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #ffffff30}#mortgage-calculator .payment-parts dt{font-size:14px;font-weight:400;color:white}#mortgage-calculator .payment-parts dd{margin:0;font-weight:700;white-space:nowrap;color:white}#mortgage-calculator .payment-parts dt:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--budget-color-pi);margin-right:9px}#mortgage-calculator .payment-parts [data-result=piti] dt:before{background:var(--budget-color-tax)}#mortgage-calculator .payment-parts [data-result=piti]+[data-result=piti] dt:before{background:var(--budget-color-hoi)}#mortgage-calculator .payment-parts [data-result=mi] dt:before{background:var(--budget-color-mi)}#mortgage-calculator .payment-parts [data-result=full] dt:before{background:var(--budget-color-hoa)}#mortgage-calculator .payment-parts [data-result=full]+[data-result=full] dt:before{background:var(--budget-color-other)}#mortgage-calculator .payment-parts>div:last-child dt:before{background:var(--budget-color-extra)}#mortgage-calculator .calc-summary .note{color:#e4e5ff}#mortgage-calculator .payoff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}#mortgage-calculator .payoff-stats>div{padding:15px;border-radius:10px;background:#ffffff12}#mortgage-calculator .payoff-stats small{display:block;line-height:1.5;margin-bottom:8px;color:#dadcf8;font-size:12px}#mortgage-calculator .payoff-stats strong{font:700 16px/1.3 Arial,Helvetica,sans-serif;color:white;display:block}#mortgage-calculator .button{display:inline-flex;justify-content:center;align-items:center;padding:14px 18px;background:#30337e;border:1px solid #30337e;border-radius:7px;color:white;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.5}#mortgage-calculator .button:hover{background:#41449b}#mortgage-calculator .button.outline{background:transparent;color:#30337e}#mortgage-calculator .button.outline:hover{background:#eae8ff}#mortgage-calculator .calc-summary .button{width:100%;background:white;color:#25266e;margin-top:24px}#mortgage-calculator .calc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}#mortgage-calculator input:focus-visible,#mortgage-calculator select:focus-visible,#mortgage-calculator a:focus-visible,#mortgage-calculator button:focus-visible{outline:3px solid #9d9eef;outline-offset:3px}#mortgage-calculator .calculator-disclosure{margin-top:18px}@media(max-width:1300px){#mortgage-calculator{margin-left:20px;margin-right:20px}}@media(max-width:1000px){#mortgage-calculator .advanced-calc-grid{grid-template-columns:1fr}#mortgage-calculator .calc-summary{position:static}#mortgage-calculator .section-top{display:block}#mortgage-calculator .section-top>p{max-width:700px;margin-top:22px}}@media(max-width:600px){#mortgage-calculator{padding:42px 18px 28px;margin:22px 12px;border-radius:16px}#mortgage-calculator h2{font-size:31px}#mortgage-calculator .calc-panel{padding:22px}#mortgage-calculator .fields{grid-template-columns:1fr;gap:20px}#mortgage-calculator .calc-step h3{font-size:18px}#mortgage-calculator .payoff-stats{grid-template-columns:1fr}#mortgage-calculator .result>strong{font-size:clamp(28px,8vw,38px)}#mortgage-calculator .calc-actions .button{width:100%}#mortgage-calculator .payment-parts>div{gap:10px}#mortgage-calculator .payment-parts dt{font-size:12px}#mortgage-calculator .payment-parts dd{font-size:12px}}@media print{header,footer,main>section:not(#mortgage-calculator){display:none!important}#mortgage-calculator{margin:0!important;padding:20px!important;background:white!important;max-width:none}#mortgage-calculator .section-top{margin-bottom:20px}#mortgage-calculator .advanced-calc-grid{grid-template-columns:1fr 1fr;gap:15px}#mortgage-calculator .calc-panel{padding:15px;break-inside:avoid}#mortgage-calculator .calc-summary{position:static;background:white!important;color:#222!important}#mortgage-calculator .calc-summary *,#mortgage-calculator .payment-parts dt,#mortgage-calculator .payment-parts dd{color:#222!important}#mortgage-calculator .budget-chart,#mortgage-calculator .calc-actions,#mortgage-calculator .button{display:none!important}}

/* Keep HOI prominent and give both premium controls their own row. */
#mortgage-calculator .calc-hoi-field{grid-column:1/-1;padding:22px;background:#f6f4fb;border:1px solid #ded9ec;border-radius:10px;margin:5px 0}#mortgage-calculator .calc-hoi-field h4{font:700 17px/1.4 Arial,Helvetica,sans-serif;color:#272264;margin:0 0 17px}#mortgage-calculator .calc-hoi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}#mortgage-calculator .calc-hoi-field input:disabled,#mortgage-calculator .calc-hoi-field select:disabled{background:#efedf2;color:#77717f}#mortgage-calculator .calc-hoi-field .note{margin-top:14px}@media(max-width:600px){#mortgage-calculator .calc-hoi-inputs{grid-template-columns:1fr;gap:18px}#mortgage-calculator .calc-hoi-field{padding:18px}}

#mortgage-calculator .calc-loan-summary{font-size:12px;line-height:1.7;color:#e4e5ff;margin:14px 0 0}

/* Keep the full category palette visible even before optional costs are entered. */
#mortgage-calculator .budget-color-key{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0 0 26px;padding:0}
#mortgage-calculator .budget-color-key li{display:flex;align-items:center;gap:8px;font:12px/1.4 Arial,Helvetica,sans-serif;color:#fff;min-width:0}
#mortgage-calculator .budget-color-key li>span{display:block;flex:0 0 11px;width:11px;height:11px;border-radius:3px;background:var(--category-color)}
@media(max-width:380px){#mortgage-calculator .budget-color-key{grid-template-columns:1fr}}
@media print{#mortgage-calculator .budget-color-key{display:none!important}}