/* BenefitDesk UX v2.0 regression patch
   Corrects homepage contrast and restores brand colours while preserving the
   shared article design system introduced in UX v1.
*/
:root{
  --ux2-brand-navy:#0b2a4a;
  --ux2-brand-navy-deep:#071d31;
  --ux2-brand-gold:#e8bb62;
  --ux2-brand-gold-strong:#c18c2d;
  --ux2-text:#182235;
  --ux2-muted:#5e6878;
}

/* The inline shield symbol has no fill declaration, so make its colour explicit. */
.brand svg,.site-brand-mark svg{fill:currentColor}
.brand svg{color:var(--ux2-brand-gold)!important}

/* Homepage-only recovery. UX v1 intentionally styles article components, but
   its broad .hero/.section/.btn aliases overrode the bespoke homepage theme. */
body[data-page="site-page"] .hero{
  background:radial-gradient(circle at 88% 8%,#fff0c9 0,transparent 29%),linear-gradient(#fff,#f7f9fc);
  border:0;
  border-bottom:1px solid var(--l);
  border-radius:0;
  box-shadow:none;
  padding:0;
}
body[data-page="site-page"] .hero h1{
  color:var(--n);
  font-size:clamp(2.35rem,5vw,4.45rem);
  max-width:none;
}
body[data-page="site-page"] .hero .gold{color:var(--g)!important}
body[data-page="site-page"] .hero .lede{color:var(--m)!important}
body[data-page="site-page"] .hero .panel h2{color:var(--n)}
body[data-page="site-page"] .hero .panel p{color:var(--m)!important}

/* Restore the homepage section canvas and spacing. */
body[data-page="site-page"] main>.section{
  border:0;
  border-radius:0;
  box-shadow:none;
  margin:0;
  padding:62px 0;
  background:#fff;
}
body[data-page="site-page"] main>.section.soft{background:var(--s);border-block:1px solid var(--l)}
body[data-page="site-page"] main>.section.warm{background:#fffaf1;border-block:1px solid #ecd9b4}
body[data-page="site-page"] main>.section.cta{background:var(--n);color:#fff}
body[data-page="site-page"] .section h2{
  border-left:0;
  padding-left:0;
}
body[data-page="site-page"] .head h2,
body[data-page="site-page"] .answer h2,
body[data-page="site-page"] .prose h2,
body[data-page="site-page"] .panel h2{color:var(--n)}
body[data-page="site-page"] .head p{color:var(--m)!important}

/* Restore original homepage button hierarchy. */
body[data-page="site-page"] .btn{
  min-height:auto;
  padding:12px 18px;
  border-radius:11px;
  font-weight:800;
}
body[data-page="site-page"] .btn.primary{
  background:var(--n);
  color:#fff!important;
  border-color:transparent;
}
body[data-page="site-page"] .btn.primary:hover{background:var(--n2);color:#fff!important}
body[data-page="site-page"] .btn.secondary{
  background:#fff;
  color:var(--n)!important;
  border-color:var(--l);
}
body[data-page="site-page"] .btn.secondary:hover{background:#fffaf1;color:var(--n)!important;border-color:var(--g)}

/* Restore homepage cards, which should remain compact rather than article cards. */
body[data-page="site-page"] .card{
  gap:0;
  padding:21px;
  border-radius:var(--r);
  box-shadow:0 4px 13px rgba(16,44,69,.04);
}
body[data-page="site-page"] .card h3{color:var(--n)}
body[data-page="site-page"] .card p{color:var(--m)!important}

/* Critical contrast repair for the CTA shown in the user's screenshots. */
body[data-page="site-page"] .cta h2{color:#fff!important}
body[data-page="site-page"] .cta p{color:#d2dce7!important}
body[data-page="site-page"] .cta .btn.secondary{background:#fff;color:var(--n)!important;border-color:#fff}
body[data-page="site-page"] .cta .btn.primary{background:var(--ux2-brand-gold-strong);color:#071d33!important}
body[data-page="site-page"] .cta .btn.primary:hover{background:var(--ux2-brand-gold);color:#071d33!important}

/* Selection remains visible but is no longer required to read text. */
::selection{background:#f2cc7a;color:#071d31}

@media(max-width:640px){
  body[data-page="site-page"] main>.section{padding:48px 0}
}