/* Shared site system for The Health Nexus. This layer sits after page-specific CSS. */
:root{
  --site-ink:#0d1f3c;
  --site-ink-2:#1e3a5f;
  --site-paper:#f0f4f9;
  --site-paper-2:#dce8f5;
  --site-accent:#4fc3e8;
  --site-accent-2:#7dd8f0;
  --site-line:rgba(13,31,60,0.12);
}
html{scroll-behavior:smooth;}
body{overflow-x:hidden;}
a{color:inherit;}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(240,244,249,0.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--site-line);}
.site-header .nav-inner{max-width:1320px;margin:0 auto;height:68px;padding:0 clamp(14px,2vw,32px);display:flex;align-items:center;gap:clamp(12px,2vw,28px);}
.site-header .nav-logo{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,1.55vw,1.55rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--site-ink);text-decoration:none;white-space:nowrap;flex:0 0 auto;}
.site-header .nav-links{position:static;display:flex;align-items:center;gap:clamp(2px,.55vw,10px);margin-left:auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.site-header .nav-links::-webkit-scrollbar{display:none;}
.site-header .nav-link{font-family:'DM Sans',sans-serif;font-size:clamp(.52rem,.72vw,.74rem);font-weight:500;letter-spacing:.035em;text-transform:uppercase;color:var(--site-ink-2);text-decoration:none;white-space:nowrap;padding:.52rem clamp(.24rem,.55vw,.65rem);border:0;background:transparent;}
.site-header .nav-link:hover,.site-header .nav-link.nav-active:not(.nav-cta){color:var(--site-ink);}
.site-header .nav-link.nav-active:not(.nav-cta){border-bottom:1px solid currentColor;}
.site-header .nav-cta{color:var(--site-paper);background:var(--site-ink);padding:.62rem clamp(.7rem,1vw,1rem);margin-left:clamp(2px,.5vw,8px);}
.site-header .nav-cta:hover,.site-header .nav-cta.nav-active{color:var(--site-ink);background:var(--site-accent);border-bottom:0;}
.site-footer{background:var(--site-ink);color:var(--site-paper);padding:48px 2rem 34px;border-top:1px solid rgba(240,244,249,.12);}
.site-footer .footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,max-content) 1fr;gap:2rem;align-items:start;}
.site-footer .footer-logo{font-family:'Cormorant Garamond',serif;font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--site-paper);}
.site-footer .footer-tagline{font-size:1.29rem;font-weight:300;font-style:italic;line-height:1.65;color:#fff;margin-top:.75rem;white-space:nowrap;}
.site-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem .6rem;}
.site-footer .footer-link{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:rgba(240,244,249,.66);padding:.35rem .4rem;}
.site-footer .footer-link:hover,.site-footer .footer-active{color:var(--site-accent-2);}
.site-footer .footer-copy{grid-column:1/-1;border-top:1px solid rgba(240,244,249,.1);padding-top:1.2rem;font-size:.75rem;color:rgba(240,244,249,.42);}
@media(max-width:900px){
  .site-header .nav-inner{height:64px;align-items:flex-start;flex-direction:column;justify-content:center;gap:.25rem;}
  .site-header .nav-links{width:100%;margin-left:0;padding-bottom:.1rem;}
  .site-footer .footer-inner{grid-template-columns:1fr;}
  .site-footer .footer-tagline{white-space:normal;}
  .site-footer .footer-links{justify-content:flex-start;}
}
@media(max-width:560px){
  .site-header .nav-logo{font-size:.95rem;}
  .site-header .nav-link{font-size:.58rem;padding:.4rem .34rem;}
  .site-header .nav-cta{padding:.46rem .58rem;}
}

/* Master header/navigation: About page style applied site-wide. */
#mainHeader.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1000!important;
  background:rgba(240,244,249,0.96)!important;
  backdrop-filter:blur(10px)!important;
  border-bottom:1px solid rgba(13,31,60,0.12)!important;
}
#mainHeader .nav-inner{
  max-width:1320px!important;
  margin:0 auto!important;
  height:68px!important;
  padding:0 clamp(14px,2vw,32px)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(12px,2vw,28px)!important;
}
#mainHeader .nav-logo{
  font-family:'Cormorant Garamond',serif!important;
  font-size:clamp(1rem,1.55vw,1.55rem)!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#0d1f3c!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  margin-right:0!important;
}
#mainHeader .nav-links{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:clamp(2px,.55vw,10px)!important;
  margin-left:auto!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#mainHeader .nav-links::-webkit-scrollbar{display:none!important;}
#mainHeader .nav-link{
  font-family:'DM Sans',sans-serif!important;
  font-size:clamp(.52rem,.72vw,.74rem)!important;
  font-weight:500!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  color:#1e3a5f!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  padding:.52rem clamp(.24rem,.55vw,.65rem)!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
}
#mainHeader .nav-link:hover,
#mainHeader .nav-link.nav-active:not(.nav-cta){
  color:#0d1f3c!important;
}
#mainHeader .nav-link.nav-active:not(.nav-cta){
  border-bottom:1px solid currentColor!important;
}
#mainHeader .nav-cta{
  color:#f0f4f9!important;
  background:#0d1f3c!important;
  padding:.62rem clamp(.7rem,1vw,1rem)!important;
  margin-left:clamp(2px,.5vw,8px)!important;
  border-bottom:0!important;
}
#mainHeader .nav-cta:hover,
#mainHeader .nav-cta.nav-active{
  color:#0d1f3c!important;
  background:#4fc3e8!important;
  border-bottom:0!important;
}
@media(max-width:900px){
  #mainHeader .nav-inner{
    height:64px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:.25rem!important;
  }
  #mainHeader .nav-links{
    width:100%!important;
    margin-left:0!important;
    padding-bottom:.1rem!important;
  }
}
@media(max-width:560px){
  #mainHeader .nav-logo{font-size:.95rem!important;}
  #mainHeader .nav-link{font-size:.58rem!important;padding:.4rem .34rem!important;}
  #mainHeader .nav-cta{padding:.46rem .58rem!important;}
}

/* Site-wide header tab color correction. Active tabs keep the underline only. */
#mainHeader .nav-link,
#mainHeader .nav-link:link,
#mainHeader .nav-link:visited,
#mainHeader .nav-link.nav-active,
#mainHeader .nav-link.nav-active:link,
#mainHeader .nav-link.nav-active:visited,
#mainHeader .nav-link.nav-active:not(.nav-cta){
  color:#1e3a5f!important;
}
#mainHeader .nav-link:hover,
#mainHeader .nav-link:focus-visible{
  color:#0d1f3c!important;
}
#mainHeader .nav-link.nav-active:not(.nav-cta){
  border-bottom:1px solid #0d1f3c!important;
  background:transparent!important;
}
#mainHeader .nav-cta,
#mainHeader .nav-cta:link,
#mainHeader .nav-cta:visited{
  color:#f0f4f9!important;
  background:#0d1f3c!important;
}
#mainHeader .nav-cta:hover,
#mainHeader .nav-cta:focus-visible,
#mainHeader .nav-cta.nav-active{
  color:#0d1f3c!important;
  background:#4fc3e8!important;
  border-bottom:0!important;
}

/* Final header color lock: active tabs match normal tabs exactly. */
#mainHeader .nav-links .nav-link,
#mainHeader .nav-links .nav-link:link,
#mainHeader .nav-links .nav-link:visited,
#mainHeader .nav-links .nav-link.nav-active,
#mainHeader .nav-links .nav-link.nav-active:link,
#mainHeader .nav-links .nav-link.nav-active:visited,
#mainHeader .nav-links a[href="executive-wellness.html"],
#mainHeader .nav-links a[href="executive-wellness.html"]:link,
#mainHeader .nav-links a[href="executive-wellness.html"]:visited,
#mainHeader .nav-links a[href="executive-wellness.html"].nav-active{
  color:#1e3a5f!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
#mainHeader .nav-links .nav-link.nav-active:not(.nav-cta),
#mainHeader .nav-links a[href="executive-wellness.html"].nav-active:not(.nav-cta){
  color:#1e3a5f!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:1px solid #1e3a5f!important;
  background:transparent!important;
}
#mainHeader .nav-links .nav-link:hover,
#mainHeader .nav-links a[href="executive-wellness.html"]:hover{
  color:#1e3a5f!important;
  background:transparent!important;
}
#mainHeader .nav-links .nav-cta,
#mainHeader .nav-links .nav-cta:link,
#mainHeader .nav-links .nav-cta:visited{
  color:#f0f4f9!important;
  background:#0d1f3c!important;
}
#mainHeader .nav-links .nav-cta:hover,
#mainHeader .nav-links .nav-cta.nav-active{
  color:#0d1f3c!important;
  background:#4fc3e8!important;
}