/* WLF simple reliable rebuild — readable, stable, palette-friendly. */
:root{
  --wlf-bg0:#020817;
  --wlf-bg1:#061226;
  --wlf-panel:#08172D;
  --wlf-panel2:#0B1B33;
  --wlf-line:rgba(56,189,248,.26);
  --wlf-text:#FFFFFF;
  --wlf-muted:#D7E6F7;
  --wlf-soft:#BFD3EA;
  --wlf-brand:#2563EB;
  --wlf-brand-hot:#3B82F6;
}
html,body{background:#020817!important;color:#FFFFFF!important;color-scheme:dark!important;max-width:100%;overflow-x:hidden;}
body{background:radial-gradient(circle at 20% -12%,rgba(37,99,235,.30),transparent 34%),radial-gradient(circle at 90% 10%,rgba(56,189,248,.13),transparent 30%),linear-gradient(135deg,#020817 0%,#061226 48%,#08172D 100%)!important;}
*,*::before,*::after{box-sizing:border-box;}
img,video,iframe,embed,svg{max-width:100%;height:auto;}
p,li,span,small,label,summary,td,th,div{overflow-wrap:break-word;}
html body,
html body p, html body li, html body label, html body small, html body summary,
html body .muted, html body .sub, html body .copy, html body .desc, html body .description,
html body .fine, html body .fine-print, html body .note, html body .helper, html body .caption,
html body .card p, html body .panel p, html body .tile p, html body .module p{
  color:#D7E6F7!important;-webkit-text-fill-color:#D7E6F7!important;opacity:1!important;
}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
html body .title,html body .hero-title,html body .section-title,html body .card-title,
html body strong,html body b{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;opacity:1!important;
}
html body .eyebrow,html body .kicker,html body .accent,html body .hl,html body .label,
html body .tagline,html body [class*="kicker"],html body [class*="eyebrow"]{
  color:#38BDF8!important;-webkit-text-fill-color:#38BDF8!important;opacity:1!important;
}
html body a{color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;}
html body a:hover{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;}
html body button, html body .btn, html body .button, html body a.btn,
html body [role="button"], html body input[type="button"], html body input[type="submit"],
html body .primary, html body .secondary, html body .cta, html body .pill, html body .chip,
html body button *, html body .btn *, html body .button *, html body a.btn *,
html body [role="button"] *, html body .primary *, html body .secondary *, html body .cta *, html body .pill *, html body .chip *{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;opacity:1!important;text-shadow:none!important;
}
html body .btn, html body button, html body a.btn, html body .button{
  border-color:rgba(147,197,253,.36)!important;
}
html body .btn.primary, html body button.primary, html body a.primary, html body .button.primary,
html body .primary.btn, html body [class*="primary"]{
  background:linear-gradient(135deg,var(--wlf-brand,#2563EB),var(--wlf-brand-hot,#3B82F6))!important;
  border-color:rgba(147,197,253,.42)!important;
}
html body input, html body textarea, html body select{
  background:#071426!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  border:1px solid rgba(191,219,254,.42)!important;caret-color:#38BDF8!important;
}
html body input::placeholder, html body textarea::placeholder{color:#BFD3EA!important;-webkit-text-fill-color:#BFD3EA!important;opacity:1!important;}
html body select option{background:#071426!important;color:#FFFFFF!important;}
html body .card, html body .panel, html body .tile, html body .module, html body .box,
html body .resource-card, html body .tool-card, html body .program-card, html body .guide-card,
html body .free-card, html body .coach-card, html body .pricing-card, html body .tier,
html body [class*="card"], html body [class*="panel"], html body [class*="tile"], html body [class*="module"]{
  background:linear-gradient(145deg,#0B1B33 0%,#08172D 58%,#061226 100%)!important;
  border-color:rgba(56,189,248,.28)!important;
  color:#D7E6F7!important;-webkit-text-fill-color:initial!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
html body .card *, html body .panel *, html body .tile *, html body .module *, html body .box *,
html body .resource-card *, html body .tool-card *, html body .program-card *, html body .guide-card *,
html body .free-card *, html body .coach-card *, html body .pricing-card *, html body .tier *{opacity:1!important;}
/* Specific live-app readability fixes for cards that inherited dark text. */
html body .latest-card, html body .video-card, html body .article-card, html body .vault-card,
html body .coach-link, html body .quick-link, html body .mini-card, html body .action-card,
html body .resource-link, html body .link-card, html body .bpf-today-action, html body .bpf-card{
  background:linear-gradient(145deg,#10284F 0%,#0B1B33 100%)!important;
  border:1px solid rgba(56,189,248,.32)!important;
}
html body .latest-card *, html body .video-card *, html body .article-card *, html body .vault-card *,
html body .coach-link *, html body .quick-link *, html body .mini-card *, html body .action-card *,
html body .resource-link *, html body .link-card *, html body .bpf-today-action *, html body .bpf-card *{
  color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;opacity:1!important;
}
html body nav, html body header, html body .topbar, html body .app-header, html body .nav{
  background:rgba(2,8,23,.92)!important;border-color:rgba(56,189,248,.18)!important;
}
html body .bottom-nav, html body .bot-nav, html body .bnav, html body .bottom-tray, html body .app-tabbar,
html body [class*="bottom-nav"], html body [class*="tabbar"]{
  background:rgba(2,8,23,.96)!important;border:1px solid rgba(56,189,248,.52)!important;
  box-shadow:0 -14px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body .bottom-nav *, html body .bot-nav *, html body .bnav *, html body .bottom-tray *, html body .app-tabbar *,
html body [class*="bottom-nav"] *, html body [class*="tabbar"] *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;opacity:1!important;}
#wlf-switch-btn,#wlf-switch-footer,.wlf-palette-docked{right:12px!important;bottom:var(--wlf-palette-bottom, max(14px, env(safe-area-inset-bottom,0px)))!important;z-index:10000!important;}
@media(max-width:760px){
  html body .wrap, html body .container, html body main, html body section, html body .hero, html body .grid{max-width:100%!important;}
  html body .btn, html body a.btn, html body button{white-space:normal!important;}
}

/* v86 spacing fix: keep the branding/palette block in normal flow below the final CTA. */
html body .final{position:relative!important;z-index:1!important;margin-bottom:0!important;}
html body .brandControlSection{
  position:relative!important;
  z-index:0!important;
  padding-top:96px!important;
  padding-bottom:90px!important;
  clear:both!important;
  border-top:1px solid rgba(56,189,248,.18)!important;
}
html body .brandControlSection .paletteBox{
  position:relative!important;
  margin-top:0!important;
  transform:none!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .brandControlSection + *{clear:both!important;}
@media(max-width:760px){
  html body .brandControlSection{padding-top:66px!important;padding-bottom:70px!important;}
}


/* v87: palette/branding section is a normal bottom-of-page section only. No floating, no sticky, no overlay. */
html body .brandControlSection,
html body .brandControlSection .paletteBox,
html body .brandControlSection .paletteStrip,
html body .brandControlSection .actions{
  position:static!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  transform:none!important;
  z-index:auto!important;
  float:none!important;
}
html body .brandControlSection{
  display:block!important;
  clear:both!important;
  margin:0!important;
  padding:84px 0 86px!important;
  border-top:1px solid rgba(56,189,248,.18)!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(2,8,23,.22),rgba(8,23,45,.50))!important;
}
html body footer.footer + .brandControlSection{
  margin-top:0!important;
}
html body .brandControlSection .paletteBox{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
}
#wlf-switch-btn,#wlf-switch-footer,.wlf-palette-docked{display:none!important;}
@media(max-width:760px){html body .brandControlSection{padding:58px 0 64px!important;}}