/* The Mortgage Desk | approved four-color header actions | October 24, 2026.
   Consumer header only; investor menu, homepage design, and tools are unchanged.
   One shared size, icon rhythm, hover motion and accessible focus treatment. */
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta {
  --tmd-cta-shadow: rgba(9,49,100,.20);
  --tmd-cta-hi: #0a438d;
  --tmd-cta-low:#06285f;
  box-sizing:border-box;
  display:inline-flex;
  flex:0 0 var(--tmd-cta-width, 134px) !important;
  width:var(--tmd-cta-width, 134px) !important;
  min-width:var(--tmd-cta-width, 134px) !important;
  max-width:var(--tmd-cta-width, 134px) !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:7px 8px !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-bottom:3px solid rgba(0,0,0,.23) !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,var(--tmd-cta-hi),var(--tmd-cta-low)) !important;
  box-shadow:0 3px 9px var(--tmd-cta-shadow) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:0;
  text-align:center;
  text-decoration:none !important;
  white-space:normal !important;
  transform:translateY(0);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-video {
  --tmd-cta-hi:#b87810;
  --tmd-cta-low:#975706;
  --tmd-cta-shadow:rgba(116,68,7,.24);
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-quote {
  --tmd-cta-hi:#10498e;
  --tmd-cta-low:#072b64;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-alert {
  --tmd-cta-hi:#0879df;
  --tmd-cta-low:#0650c0;
  --tmd-cta-shadow:rgba(5,91,206,.23);
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-report {
  --tmd-cta-hi:#098e6b;
  --tmd-cta-low:#006447;
  --tmd-cta-shadow:rgba(0,91,72,.21);
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta .tmd-header-cta-icon {
  display:block;
  flex:0 0 21px;
  width:21px;
  height:21px;
  color:#fff !important;
  stroke:currentColor;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta .tmd-header-cta-label {
  min-width:0;
  display:block;
  color:#fff !important;
  font-weight:800;
  font-size:inherit;
  line-height:1.12;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:hover,
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:focus-visible {
  color:#fff !important;
  transform:translateY(-3px) !important;
  filter:brightness(1.07) !important;
  box-shadow:0 9px 17px var(--tmd-cta-shadow) !important;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:focus-visible {
  outline:3px solid #77c6ff !important;
  outline-offset:3px;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:active {
  transform:translateY(0) !important;
  filter:brightness(.94) !important;
}
@media(max-width:1200px) and (min-width:761px) {
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta {
    --tmd-cta-width:124px;
  }
}
/* Small screens: four action tiles share a 2x2, full-equal-width grid. */
@media(max-width:760px) {
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta {
    flex:initial !important;
    order:-1;
    grid-column:span 3 !important;
    --tmd-cta-width:100%;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    font-size:12px !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta {
    transition:none !important;
  }
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:hover,
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:focus-visible {
    transform:none !important;
  }
}