/* TMD Oct 24 2026: scoped action-tile enhancement, no base layout redesign. */
body.home-loan-site .tmd-updated-action-tiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;}
body.home-loan-site .tmd-updated-action-tiles > a {box-sizing:border-box;display:flex;align-items:center;gap:clamp(12px,1.5vw,25px);padding:clamp(18px,1.85vw,28px) clamp(14px,2vw,28px);min-width:0;min-height:126px;text-decoration:none;}
body.home-loan-site .tmd-updated-action-tiles > a:hover {text-decoration:none;filter:brightness(1.08)}
body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon {flex:none;display:grid;place-items:center;width:56px;height:60px;color:#fff;}
body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon svg {width:48px;height:48px;display:block;}
body.home-loan-site .tmd-updated-action-tiles .tmd-action-copy {flex:1;min-width:0;display:block;}
body.home-loan-site .tmd-updated-action-tiles .tmd-action-copy strong {display:block;margin:0 0 5px;font-size:clamp(19px,1.45vw,25px);line-height:1.15;color:#fff;font-weight:800;letter-spacing:-.02em;}
body.home-loan-site .tmd-updated-action-tiles .tmd-action-copy > span {display:block;font-size:clamp(13px,1vw,16px);line-height:1.35;color:#eaf5ff;}
body.home-loan-site .tmd-updated-action-tiles .tmd-action-arrow {flex:none;width:42px;height:42px;display:grid;place-items:center;border:1.8px solid #f3faff;border-radius:50%;color:#fff;}
body.home-loan-site .tmd-updated-action-tiles .tmd-action-arrow svg {display:block;width:23px;height:23px;}
body.home-loan-site .tmd-updated-action-tiles .home-option-rate {background:#086ec1;}
body.home-loan-site .tmd-updated-action-tiles .home-option-quote {background:#0a4b83;}
body.home-loan-site .tmd-updated-action-tiles .home-option-talk {background:#082f5e;}
body.home-loan-site .tmd-updated-action-tiles > a:focus-visible {outline:3px solid #54baff;outline-offset:-3px;z-index:1;}
/* Small secondary video link sits outside the trio, with no additional main CTA. */
body.home-loan-site .tmd-secondary-video-cta {display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:13px;padding-bottom:16px;background:transparent;text-align:center;}
body.home-loan-site .tmd-secondary-video-cta .tmd-watch-videos {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:8px 18px;background:#f6fbff;color:#073c78;border:1.5px solid #1774d4;border-radius:12px;text-decoration:none;font-size:clamp(14px,1.12vw,17px);font-weight:800;line-height:1.25;box-shadow:0 2px 8px rgba(10,50,99,.07);}
body.home-loan-site .tmd-secondary-video-cta .tmd-watch-videos:hover,body.home-loan-site .tmd-secondary-video-cta .tmd-watch-videos:focus-visible {background:#e4f2ff;text-decoration:none;}
body.home-loan-site .tmd-secondary-video-cta .tmd-watch-icon {display:block;width:26px;height:26px;flex:none;color:#0b66bf;}
body.home-loan-site .tmd-secondary-video-cta .tmd-watch-next {font-size:23px;line-height:1;}
body.home-loan-site .tmd-secondary-video-cta p {margin:2px 0 0;font-size:12px;line-height:1.5;color:#536d89;}
/* Keep video's global menu link visibly separate from the primary quote/rate actions. */
body.home-loan-site .banner-header nav > a.tmd-mortgage-videos-nav {color:#0b5caa;font-weight:750;white-space:nowrap;}
body.home-loan-site .banner-header nav > a.tmd-mortgage-videos-nav:hover,body.home-loan-site .banner-header nav > a.tmd-mortgage-videos-nav:focus-visible {background:#eaf4ff;text-decoration:none;}
@media (max-width:1250px) and (min-width:761px){
 body.home-loan-site .banner-header nav {gap:8px;flex-wrap:wrap;justify-content:center;}
 body.home-loan-site .tmd-updated-action-tiles > a {gap:10px;padding:19px 14px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon {width:42px;height:48px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon svg {width:40px;height:40px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-arrow {width:33px;height:33px;}
}
@media (max-width:900px) {
 body.home-loan-site .tmd-updated-action-tiles > a {gap:10px;padding:15px 12px;min-height:110px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-copy strong {font-size:17px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-copy>span {font-size:12px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon {width:34px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon svg {width:34px;height:34px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-arrow {width:28px;height:28px;}
}
@media (max-width:760px){
 body.home-loan-site .tmd-updated-action-tiles {grid-template-columns:1fr;padding:0 24px;}
 body.home-loan-site .tmd-updated-action-tiles > a {min-height:100px;padding:16px 22px;gap:18px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon {width:46px;height:48px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-icon svg {width:43px;height:43px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-copy strong {font-size:21px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-copy>span {font-size:14px;}
 body.home-loan-site .tmd-updated-action-tiles .tmd-action-arrow {width:38px;height:38px;}
 body.home-loan-site .tmd-secondary-video-cta {padding:16px 24px 20px;}
 body.home-loan-site .tmd-secondary-video-cta .tmd-watch-videos {width:100%;max-width:450px;padding:12px 10px;}
}
@media (prefers-reduced-motion: reduce){body.home-loan-site .tmd-updated-action-tiles > a {transition:none;}}


/* 2026-10-24 gold Mortgage Videos navigation tab: matching CTA family. */
/* Scope to consumer nav; preserve the separate investor navigation. */
body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav {
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 124px;
  width:124px;
  min-width:124px;
  min-height:48px;
  padding:9px 10px;
  border:1px solid #c38b00;
  border-bottom:3px solid #a97800;
  border-radius:7px;
  background:#f8bd35;
  color:#102b50;
  box-shadow:0 3px 9px rgba(117,80,6,.14);
  font-weight:800;
  font-size:.78rem;
  line-height:1.15;
  text-decoration:none;
  text-align:center;
  white-space:normal;
  transition:background-color .18s ease,box-shadow .18s ease;
}
body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav:hover,
body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav:focus-visible {
  background:#ffd56b;
  color:#09264e;
  border-color:#b87f00;
  border-bottom-color:#865b00;
  box-shadow:0 4px 14px rgba(117,80,6,.22);
  text-decoration:none;
}
body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav:focus-visible{
  outline:3px solid #155db1;
  outline-offset:2px;
}
body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav[aria-current="page"] {
  background:#eab02a;
  color:#09264e;
  border-color:#926500;
  border-bottom-color:#5d4000;
}
@media (min-width:761px) and (max-width:1060px){
  body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav {
    flex:0 0 124px;min-width:124px;
  }
}
@media (max-width:760px){
  body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav {
    grid-column:span 3;
    flex:auto;width:100%;min-width:0;min-height:48px;
    font-size:.88rem;
    padding:9px 6px;
  }
}
@media (prefers-reduced-motion:reduce){
  body.home-loan-site .banner-header nav#navigation > a.tmd-mortgage-videos-nav {transition:none;}
}


/* 2026-10-24: Match Talk to Jim tile hover motion to Quote and Rate Alert. */
body.home-loan-site .tmd-updated-action-tiles > a.home-option-talk {
  position: relative;
  transition: filter .18s ease, transform .18s ease, box-shadow .18s ease;
}
body.home-loan-site .tmd-updated-action-tiles > a.home-option-talk:hover,
body.home-loan-site .tmd-updated-action-tiles > a.home-option-talk:focus-visible {
  filter: brightness(1.14);
  transform: translateY(-2px);
  box-shadow: 0 9px 20px rgba(6,50,100,.18);
  text-decoration: none;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  body.home-loan-site .tmd-updated-action-tiles > a.home-option-talk {
    transition: none;
  }
  body.home-loan-site .tmd-updated-action-tiles > a.home-option-talk:hover,
  body.home-loan-site .tmd-updated-action-tiles > a.home-option-talk:focus-visible {
    transform: none;
  }
}