/* <span style="color:#16A34A;">Weal</span><span style="color:#DC2626;">Sure</span> V31 — Dark-surface typography contrast fix
   Keep all dark/navy/teal surfaces on a consistent light-text system. */
:root{
  --ws-dark-heading:#ffffff;
  --ws-dark-body:rgba(246,235,236,.82);
  --ws-dark-muted:rgba(232,214,216,.68);
}

/* Global dark surfaces: force readable light typography, including nested emphasis. */
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.portfolio-v18.dark,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark){
  color:var(--ws-dark-body) !important;
}
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.portfolio-v18.dark,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark)
  :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.display,.title,strong,b,em){
  color:var(--ws-dark-heading) !important;
  -webkit-text-fill-color:var(--ws-dark-heading) !important;
}
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.portfolio-v18.dark,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark)
  :is(p,.lead,.section-intro,.copy,.desc,.description,li,small,.disclaimer-v18,.meta){
  color:var(--ws-dark-body) !important;
}
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.portfolio-v18.dark,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark)
  :is(a:not(.btn),.read,.link){
  color:#ffeaec !important;
  text-decoration:none !important;
}
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.portfolio-v18.dark,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark)
  :is(.eyebrow,.kicker,.tag,.section-label){
  color:#df737c !important;
}

/* CTA specifically: no dark inherited heading or teal-on-navy conflict. */
.cta-v18,
.cta-v18 *{
  color:var(--ws-dark-body);
}
.cta-v18 :is(h1,h2,h3,h4,.h1,.h2,.display,.title,strong,b,em){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.cta-v18 .lead{color:rgba(246,235,236,.82) !important}
.cta-v18 .disclaimer-v18{color:rgba(232,214,216,.72) !important}
.cta-v18 .eyebrow{color:#df737c !important}

/* Feature band and portfolio panel descendants. */
.feature-band :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.display,.title){color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
.feature-band :is(p,.lead,.section-intro,li){color:rgba(246,235,236,.82) !important}
.portfolio-shell :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.display,.title){color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
.portfolio-shell :is(p,.lead,.section-intro,li){color:rgba(246,235,236,.82) !important}
.portfolio-shell :is(small,.meta){color:rgba(232,214,216,.72) !important}

/* Dark image-led cards: always keep copy light. */
:is(.solution-card,.invest-card-v15,.audience,.insight,.article,.photo-frame,.page-photo,.invest-grid-image,.split-media)
  :is(h1,h2,h3,h4,.h1,.h2,.h3,strong,b){color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
:is(.solution-card,.invest-card-v15,.audience,.insight,.article,.photo-frame,.page-photo,.invest-grid-image,.split-media)
  :is(p,small,.description,.meta){color:rgba(255,255,255,.84) !important}

/* Never let generic anchor styles darken dark surfaces. */
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark)
  a:hover,
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark)
  a:focus-visible{color:#ffffff !important}

/* Keep browser text-selection readable on dark surfaces. */
:is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark) ::selection{
  background:rgba(198,24,38,.46);
  color:#ffffff;
}

@media (max-width:820px){
  :is(.section-dark,.feature-band,.cta-v18,.portfolio-shell,.dark,.dark-section,.hero-dark,.page-dark,.footer-dark)
    :is(h1,h2,h3,h4,.h1,.h2,.h3,.display,.title){color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
}

/* WealSure logo brand colors */
.wealsure-weal { color: #16A34A !important; }
.wealsure-sure { color: #DC2626 !important; }