/* 0.25.0 mortgage calculator: inputs on the left, navy result panel on the right, lender comparison below. */
.cr-mortgage{--mg-ink:#18364a;--mg-muted:#5d7383;--mg-soft:#f3f5f6;--mg-line:rgba(24,54,74,.12);--mg-ease:cubic-bezier(.32,.72,0,1);color:var(--mg-ink)}
.cr-mortgage-head{max-width:640px;margin:0 0 28px}
:is(.cr-property-body) .cr-mortgage-eyebrow,.cr-mortgage-eyebrow{margin:0 0 12px;font-size:11px;font-weight:400!important;letter-spacing:.24em;text-transform:uppercase;color:var(--mg-muted)}
:is(.cr-property-body) .cr-mortgage-head :is(h1,h2),.cr-mortgage-head :is(h1,h2){margin:0;font-family:Adamina,Georgia,serif!important;font-weight:400!important;font-size:clamp(28px,3vw,42px);line-height:1.12;color:var(--mg-ink)}
.cr-mortgage-head p:not(.cr-mortgage-eyebrow){margin:12px 0 0;font-size:15px;line-height:1.65;color:var(--mg-muted)}
.cr-mg-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--mg-line)}
.cr-mg-inputs{display:grid;gap:22px;padding:clamp(22px,3vw,36px);background:#fff}
.cr-mg-field{display:grid;gap:8px;min-width:0}
:is(.cr-property-body) .cr-mg-label,.cr-mg-label{font-size:11.5px;font-weight:400!important;letter-spacing:.12em;text-transform:uppercase;color:var(--mg-muted)}
.cr-mg-input,.cr-mg-money{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #d1dce3;border-radius:4px;background:#fff;color:var(--mg-ink);font-size:15px;transition:border-color 200ms}
.cr-mg-input{padding:11px 14px}
.cr-mg-money{display:flex;align-items:center;padding:0 14px}
.cr-mg-money input{flex:1;min-width:0;border:0;outline:0;padding:11px 0 11px 6px;font:inherit;color:inherit;background:none;font-variant-numeric:tabular-nums}
.cr-mg-prefix{color:var(--mg-muted);font-size:14px;white-space:nowrap}
.cr-mg-input:hover,.cr-mg-money:hover{border-color:#9fb3c0}
.cr-mg-input:focus-visible,.cr-mg-money:focus-within{outline:2px solid #52748c;outline-offset:2px}
.cr-mg-range{width:100%;accent-color:#18364a;height:28px}
:is(.cr-property-body) .cr-mg-out,.cr-mg-out{font-size:14px;font-weight:400!important;color:var(--mg-ink);font-variant-numeric:tabular-nums}
.cr-mg-terms{display:flex;flex-wrap:wrap;gap:6px}
:is(.cr-property-body) .cr-mg-term,.cr-mg-term{min-height:40px;padding:8px 14px;border:1px solid #d1dce3;border-radius:4px;background:#fff;color:var(--mg-ink);font-size:13.5px;font-weight:400!important;cursor:pointer;transition:background-color 200ms,border-color 200ms,color 200ms}
.cr-mg-term:hover{border-color:var(--mg-ink)}
.cr-mg-term[aria-pressed=true]{background:var(--mg-ink);border-color:var(--mg-ink);color:#fff!important}
.cr-mg-term:focus-visible{outline:2px solid #52748c;outline-offset:2px}
:is(.cr-property-body) .cr-mg-hint,.cr-mg-hint{margin:0;font-size:12.5px;line-height:1.5;color:var(--mg-muted)}
.cr-mg-result{display:flex;flex-direction:column;gap:6px;padding:clamp(24px,3vw,40px);background:radial-gradient(120% 100% at 100% 0%,#24506b 0%,#18364a 55%,#10293a 100%);color:#fff}
:is(.cr-property-body) .cr-mg-result-label,.cr-mg-result-label{margin:0;font-size:11.5px;font-weight:400!important;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
:is(.cr-property-body) .cr-mg-result-value,.cr-mg-result-value{margin:6px 0 0;font-family:Adamina,Georgia,serif!important;font-weight:400!important;font-size:clamp(36px,4vw,52px);line-height:1.05;color:#fff;font-variant-numeric:tabular-nums}
:is(.cr-property-body) .cr-mg-result-sub,.cr-mg-result-sub{margin:4px 0 18px;font-size:13.5px;color:rgba(255,255,255,.78)}
.cr-mg-breakdown{display:grid;margin:0;border-top:1px solid rgba(255,255,255,.16)}
.cr-mg-breakdown div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}
:is(.cr-property-body) .cr-mg-breakdown dt,.cr-mg-breakdown dt{font-size:13.5px;color:rgba(255,255,255,.75)}
:is(.cr-property-body) .cr-mg-breakdown dd,.cr-mg-breakdown dd{margin:0;font-size:14.5px;font-weight:400!important;color:#fff;font-variant-numeric:tabular-nums;text-align:right}
.cr-mg-notes{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}
:is(.cr-property-body) .cr-mg-notes li,.cr-mg-notes li{font-size:13px;line-height:1.55;color:rgba(255,255,255,.85)}
.cr-mg-notes li.is-warn{padding-left:12px;border-left:2px solid #e9c46a;color:#fff}
.cr-mg-notes a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
:is(.cr-property-body) .cr-mortgage-disclaimer,.cr-mortgage-disclaimer{max-width:900px;margin:18px 0 0;font-size:12px;line-height:1.65;color:var(--mg-muted)}
.cr-property-mortgage{margin-top:clamp(48px,6vw,80px)}
.cr-mortgage-page{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:clamp(48px,6vw,88px) 0 80px}
.cr-mortgage-cta{margin:36px 0 0;font-size:15px;color:var(--mg-muted,#5d7383)}
.cr-mortgage-cta a{color:#18364a;text-decoration:underline;text-underline-offset:3px}
@media(max-width:860px){.cr-mg-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cr-mg-term,.cr-mg-input{transition:none}}
/* 0.29.0 compact calculator under the agent card. */
.cr-mortgage-mini{margin-top:18px;padding:20px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px rgba(24,54,74,.12);color:#18364a}
.cr-mortgage-mini .cr-mortgage-eyebrow{margin-bottom:8px}
:is(.cr-property-body) .cr-mini-value,.cr-mini-value{margin:0;font-family:Adamina,Georgia,serif!important;font-weight:400!important;font-size:26px;line-height:1.2;color:#18364a;font-variant-numeric:tabular-nums}
:is(.cr-property-body) .cr-mini-sub,.cr-mini-sub{margin:4px 0 14px;font-size:12.5px;line-height:1.5;color:#5d7383}
.cr-mini-fields{display:grid;gap:12px}
:is(.cr-property-body) .cr-mini-field,.cr-mini-field{display:grid;gap:6px;font-size:11px;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:#5d7383}
.cr-mini-row{display:flex;justify-content:space-between;gap:8px}
.cr-mini-row output{letter-spacing:0;text-transform:none;color:#18364a;font-variant-numeric:tabular-nums}
.cr-mini-field input[type=range]{width:100%;accent-color:#18364a}
.cr-mini-field select{width:100%;min-height:42px;padding:0 10px;border:1px solid #d1dce3;border-radius:4px;background:#fff;color:#18364a;font-size:14px;letter-spacing:0;text-transform:none}
:is(.cr-property-body) .cr-mini-more,.cr-mini-more{display:inline-block;margin-top:14px;color:#18364a!important;font-size:13px;text-decoration:underline;text-underline-offset:3px}
