/* MortgageDoor's selected #06 palette. Scope shared styles to MD public pages. */
body.md-public {
  --md-public-accent:#536F9F; --md-public-hover:#435D8A; --md-public-sky:#7E99C1;
  --md-public-ink:#162D42; --md-public-body:#52657F;
  --md-public-mist:#EFF4FA; --md-public-line:#DFE7F1;
  --md-public-accent-rgb:83,111,159; --md-public-hover-rgb:67,93,138;
  --brand-primary:#536F9F; --brand-primary-hover:#435D8A;
  --brand-primary-soft:#EFF4FA; --brand-primary-light:#DFE7F1;
  --brand-dark:#162D42; --brand-dark-soft:#263F58;
  --brand-accent:#536F9F; --brand-accent-hover:#435D8A;
  --brand-accent-soft:#EFF4FA; --brand-accent-text:#435D8A;
  --brand-brass:#7E99C1;
  --bg:#EFF4FA; --surface:#FFFFFF; --surface-soft:#EFF4FA;
  --border:#DFE7F1; --border-soft:#DFE7F1;
  --text:#162D42; --text-soft:#52657F; --text-muted:#52657F;
  --control-fill:#536F9F; --control-hover:#435D8A;
  --control-ink:#435D8A; --control-tint:#EFF4FA;
  --menu-surface:#FFFFFF; --menu-line:#DFE7F1;
  --pm-ink:#162D42; --pm-copy:#52657F; --pm-muted:#52657F;
  --pm-purple:#536F9F; --pm-purple-dark:#435D8A;
  --pm-violet-soft:#EFF4FA; --pm-blue-soft:#EFF4FA;
  --pm-line:#DFE7F1; --pm-soft:#EFF4FA; --pm-navy:#162D42; --pm-brass:#7E99C1;
  --mdr-navy:#162D42; --mdr-ink:#162D42; --mdr-muted:#52657F;
  --mdr-purple:#536F9F; --mdr-purple-dark:#435D8A;
  --mdr-lavender:#EFF4FA; --mdr-lavender-soft:#F7F9FC;
  --mdr-warm:#FFFFFF; --mdr-stone:#EFF4FA; --mdr-line:#DFE7F1;
  --mdr-brass:#7E99C1; --mdr-shadow:0 18px 48px rgba(22,45,66,.08);
  --mdc-blue:#536F9F; --mdc-ink:#162D42; --mdc-muted:#52657F;
  --mdc-line:#DFE7F1; --mdc-soft:#EFF4FA;
  --shadow-violet:0 12px 28px rgba(83,111,159,.14);
  background:#FFFFFF;
}
body.md-public .nav-v3 .nav-logo,
body.md-public.mdr-home-page .nav-v3 .nav-logo {
  width:238px; min-width:238px; flex-basis:238px; height:auto;
}
body.md-public .nav-v3 .nav-logo .mdr-brand {
  width:238px!important; max-width:100%;
}
body.md-public .nav-v3 .nav-logo .mdr-brand img {
  width:100%!important; height:auto!important;
}
body.md-public .footer-brand .mdr-brand { width:min(245px,100%)!important; }
body.md-public .footer-brand .mdr-brand img { width:100%!important; height:auto!important; }
body.md-public .public-drawer-head .mdr-brand { width:210px!important; }
body.md-public .public-drawer-head .mdr-brand img { width:100%!important; height:auto!important; }
body.md-public .nav-primary-v3 a[aria-current="page"] { background:transparent; box-shadow:inset 0 -2px var(--md-indigo); }
body.md-public .nav-apply-v3 { border-radius:999px; font-weight:650; }
body.md-public footer { background:#FFFFFF; color:var(--md-ink); border-top:1px solid var(--md-line); }
body.md-public footer :is(p,a,.footer-brand,.footer-legal,.footer-col h3) { color:var(--md-body); opacity:1; }
body.md-public footer .footer-col h3 { color:var(--md-ink); }
body.md-public .mdr-hero {
  min-height:550px; height:580px; max-height:none; background:#FFFFFF;
}
body.md-public .mdr-hero-media {
  left:auto; right:0; top:auto; bottom:0; width:min(800px,61%); height:480px; z-index:-2;
}
body.md-public .mdr-hero-media img {
  width:100%; height:100%; object-fit:cover; object-position:right center;
}
body.md-public .mdr-hero::after {
  background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 31%,rgba(255,255,255,.98) 37%,rgba(255,255,255,.60) 46%,rgba(255,255,255,0) 62%);
}
body.md-public .mdr-hero .mdr-shell { width:min(1264px,calc(100% - 80px)); }
body.md-public .mdr-hero-copy { width:56%; max-width:640px; padding:36px 0; }
body.md-public .mdr-hero h1 {
  max-width:640px; font-size:clamp(52px,5.25vw,76px); line-height:1.06;
  font-weight:500; letter-spacing:-.045em; overflow-wrap:normal;
}
body.md-public .mdr-hero h1 span { color:var(--md-indigo); }
body.md-public .mdr-hero-lead {
  max-width:540px; color:var(--md-body); font-size:20px; line-height:1.5;
}
body.md-public .mdr-button { border-radius:10px; font-weight:600; }
body.md-public .mdr-button-primary { box-shadow:none; }
body.md-public .mdr-button-secondary { background:#FFFFFF; color:var(--md-indigo); border-color:var(--md-indigo); }
body.md-public .mdr-hero-notes { max-width:550px; font-weight:500; gap:14px 22px; }
body.md-public .mdr-goals { border:0; padding:24px 0 36px; background:#FFFFFF; }
body.md-public .mdr-goal-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
body.md-public .mdr-goal-grid > a {
  min-height:118px; border:1px solid var(--md-line); border-radius:14px;
  background:#FFFFFF; box-shadow:0 8px 24px rgba(22,45,66,.04); padding:20px 16px;
}
body.md-public .mdr-goal-grid > a:last-child { border-right:1px solid var(--md-line); }
body.md-public .mdr-goal-grid > a > svg:first-child { width:32px; height:32px; flex-shrink:0; color:var(--md-indigo); }
body.md-public .mdr-goal-grid strong { font-size:17px; font-weight:650; }
body.md-public .mdr-goal-grid small { font-size:12px; }
body.md-public .mdr-planner { background:var(--md-mist); }
body.md-public.md-calculators-page {
  --calc-ink:#162D42; --calc-copy:#52657F; --calc-purple:#536F9F;
  --calc-purple-dark:#435D8A; --calc-line:#DFE7F1; --calc-warm:#EFF4FA;
}
body.md-public .mdc-page {
  --mdc-ink:#162D42; --mdc-copy:#52657F; --mdc-navy:#162D42;
  --mdc-blue:#536F9F; --mdc-line:#DFE7F1; --mdc-slate:#52657F;
  --mdc-amber:#7E99C1;
}
body.md-public .mdr-hero-lead,
body.md-public :is(.mdr-planner-controls > p,.mdr-steps p,.mdr-goal-grid small,.mdr-home-faq details p) { color:var(--md-body); }
/* Commercial routes share the selected palette without changing destinations. */
body.md-public #siteNav.nav-commercial { background:#FFFFFF; border-top:0; border-bottom:1px solid var(--md-line); }
body.md-public #siteNav.nav-commercial .nav-primary-v3 > a { color:var(--md-ink); background:var(--md-mist); border-color:var(--md-line); }
body.md-public #siteNav.nav-commercial .nav-apply-v3 { background:var(--md-indigo)!important; border-color:var(--md-indigo)!important; box-shadow:none; }
body.md-public #siteNav.nav-commercial .nav-apply-v3:hover { background:#435D8A!important; }
body.md-public #siteNav.nav-commercial :is(.nav-signin-v3,.nav-burger) { color:var(--md-ink); }
body.md-public #siteNav.nav-commercial :is(a,button):focus-visible { outline-color:var(--md-indigo); }
@media (max-width:1100px) {
  body.md-public .mdr-goal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.md-public .mdr-hero h1 { font-size:58px; }
}
@media (max-width:720px) {
  body.md-public .nav-v3 .nav-logo,
  body.md-public.mdr-home-page .nav-v3 .nav-logo { width:195px; min-width:195px; flex-basis:195px; }
  body.md-public .nav-v3 .nav-logo .mdr-brand { width:195px!important; }
  body.md-public .mdr-hero { height:auto; min-height:0; padding:0 0 260px; }
  body.md-public .mdr-hero .mdr-shell { width:calc(100% - 40px); }
  body.md-public .mdr-hero-copy { width:100%; max-width:none; padding:40px 0 28px; }
  body.md-public .mdr-hero h1 { font-size:clamp(40px,8vw,58px); }
  body.md-public .mdr-hero-lead { font-size:18px; max-width:520px; }
  body.md-public .mdr-hero-media { width:100%; height:280px; top:auto; bottom:0; }
  body.md-public .mdr-hero::after { background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 56%,rgba(255,255,255,0) 78%); }
  body.md-public .mdr-hero-notes { gap:12px 18px; }
  body.md-public .mdr-goal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); width:calc(100% - 32px); gap:10px; }
  body.md-public .mdr-goal-grid > a { min-height:130px; padding:16px; flex-wrap:wrap; gap:10px; }
  body.md-public .mdr-goal-grid .mdr-goal-arrow { display:none; }
  body.md-public .mdr-goal-grid strong { font-size:16px; }
}
@media (max-width:380px) {
  body.md-public .nav-v3 .nav-logo,
  body.md-public.mdr-home-page .nav-v3 .nav-logo { width:165px; min-width:165px; flex-basis:165px; }
  body.md-public .nav-v3 .nav-logo .mdr-brand { width:165px!important; }
  body.md-public .mdr-hero h1 { font-size:38px; }
}

/* Consent keeps its behavior and adopts the MortgageDoor public palette. */
body.md-public .mdcc-banner { color:var(--md-ink); border-color:var(--md-line); }
body.md-public .mdcc-banner h3 { color:var(--md-ink); }
body.md-public .mdcc-banner p { color:var(--md-body); }
body.md-public .mdcc-head-ico { background:var(--md-mist); color:var(--md-indigo); }
body.md-public .mdcc-banner a { color:var(--md-indigo); }
body.md-public .mdcc-btn.ghost { color:var(--md-body); border-color:var(--md-line); }
body.md-public .mdcc-btn.ghost:hover { background:var(--md-mist); color:var(--md-ink); border-color:var(--md-line); }

/* Keep tablet copy clear of the illustration and retain its Retina size cap. */
@media (min-width:721px) and (max-width:1000px) {
  body.md-public .mdr-hero { height:auto; min-height:0; padding:0 0 280px; }
  body.md-public .mdr-hero .mdr-shell { width:calc(100% - 64px); }
  body.md-public .mdr-hero-copy { width:100%; max-width:none; padding:42px 0 30px; }
  body.md-public .mdr-hero h1 { max-width:none; font-size:58px; }
  body.md-public .mdr-hero-lead { max-width:620px; }
  body.md-public .mdr-hero-media { width:min(800px,100%); height:280px; right:50%; transform:translateX(50%); }
  body.md-public .mdr-hero::after { background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 56%,rgba(255,255,255,0) 78%); }
}

/* Retain semantic green results; decorative category accents use the logo palette. */
body.md-public .hi-mint { background:linear-gradient(155deg,var(--md-mist),var(--md-line)); }
body.md-public .hi-mint .hi-icon,
body.md-public .nav-drawer-grid a:nth-child(2) .nav-drawer-ico,
body.md-public .nav-drawer-grid a:nth-child(4) .nav-drawer-ico { color:var(--md-indigo); }
body.md-public .nav-drawer-grid a:nth-child(2) .nav-drawer-ico,
body.md-public .nav-drawer-grid a:nth-child(4) .nav-drawer-ico { background:var(--md-mist); }

body.md-public .trust-item .trust-stars,
body.md-public .testi-stars { color:var(--md-indigo); }
body.md-public :is(.opt-icon-cyan,.opt-icon-amber,.opt-icon-emerald) { background:var(--md-mist); }