main a:not(.btn):not(.navtop):not(.navlink):not(.ddlink):not(.navcta):hover{
  color: var(--link, #0b1220) !important;
  text-decoration: underline;
}
main a:not(.btn):not(.navtop):not(.navlink):not(.ddlink):not(.navcta):hover{
  color: #174ea6 !important;
}
/* === MOBILE V2: prevent squished hero headline === */
@media (max-width: 820px){
  section.hero h1{
  line-height: 1.12 !important;
  }
  section.hero h2{
  line-height: 1.12 !important;
  }
}
/* === MOBILE V3: shrink Email CTA + reposition helper text === */
@media (max-width: 820px){

  /* Email CTA container */
  .email-cta,
  .contact-email,
  .email-card{
  padding: 10px 12px !important;
  border-radius: 12px !important;
  }

  /* Email label */
  .email-cta strong,
  .contact-email strong{
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  display: block;
  margin-bottom: 4px !important;
  }

  /* Helper / instruction text */
  .email-cta .helper,
  .email-cta p,
  .contact-email p{
  font-size: 0.8rem !important;
  line-height: 1.25 !important;
  opacity: 0.9;
  margin-top: 0 !important;
  }
}
/* === MOBILE V4-V7: email button stack formatting (restored) === */
@media (max-width: 820px){
  #mobile-button-stack a.btn[href^="mailto:"] .btn-main{
  display: block;
  font-size: 0.95rem !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  margin: 0 0 6px 0 !important;
  }
  #mobile-button-stack a.btn[href^="mailto:"] .btn-sub{
  display: block;
  font-size: 0.80rem !important;
  line-height: 1.25 !important;
  opacity: 0.88;
  margin: 0 !important;
  padding-left: 10px;
  border-left: 3px solid rgba(255,255,255,0.14);
  }
  #mobile-button-stack .email-helper{
  margin: 6px 4px 0 6px !important;
  font-size: 0.80rem !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,0.75);
  }
  #mobile-button-stack .mobile-email-note{
  margin: 6px 6px 6px 6px !important;
  font-size: 0.80rem !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,0.75);
  }
  #mobile-button-stack .email-compact{
  white-space: nowrap;
  font-size: 0.95rem !important;
  padding: 10px 14px !important;
  }
}


/* === MOBILE V8: Email helper above one-line Email CTA (cache-busted) === */
@media (max-width: 820px){
  #mobile-button-stack .mobile-email-note{
  margin: 6px 0 6px 0 !important;
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
  color: var(--muted) !important;
  }
  #mobile-button-stack .email-compact{
  display: block;
  padding: 10px 14px !important;
  font-size: 0.92rem !important;
  border-radius: 14px !important;
  white-space: nowrap;
  }
}
/* === MOBILE V9: stacked Email button content (note first, email second) === */
@media (max-width: 820px){
  #mobile-button-stack .email-stacked{
  padding: 12px 14px !important;
  border-radius: 14px !important;
  text-align: left;
  }
  #mobile-button-stack .email-stacked .email-note{
  display: block;
  font-size: 0.80rem !important;
  line-height: 1.25 !important;
  color: var(--muted);
  margin-bottom: 6px;
  }
  #mobile-button-stack .email-stacked .email-address{
  display: block;
  font-size: 0.95rem !important;
  font-weight: 700;
  white-space: nowrap;
  }
}
/* === MOBILE V10: FORCE stacked (vertical) layout inside Email button === */
@media (max-width: 820px){
  #mobile-button-stack a.email-stacked{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  }
  #mobile-button-stack a.email-stacked .email-note{
  order: 1;
  width: 100%;
  }
  #mobile-button-stack a.email-stacked .email-address{
  order: 2;
  width: 100%;
  }
}
/* Mobile-only utility: hide on desktop, show on phones */
.mobile-only{display:none;}
@media (max-width: 768px){.mobile-only{display:block;}}
/* Increased spacing between mobile CTAs after How Engagement Starts */
#mobile-button-stack > a{ margin-top:12px !important; }
.anti-reader-topbar a{ 
  color:#cfe3ff !important;
  opacity: .92;
}
.anti-reader-topbar a:hover{ opacity: 1; }


/* Focus styling: avoid box-outline "rectangles" in the header while keeping WCAG-visible focus */
.site-header a:focus-visible,
.site-header a.navtop:focus-visible,
.site-header .navtop:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}


/* Start Intake Button – Professional Version (override gradient/pill) */
header .navcta{
  white-space: nowrap !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  background: #1f3b57 !important;
  color: #ffffff !important;
  border: 1px solid #2d567d !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
header .navcta:hover{
  background: #254a6e !important;
  border-color: #3a6c9b !important;
  filter: none !important;
}
header .navcta:active{
  transform: translateY(1px);
}
