/* /styles/force-light.css — Force Light + AA (last-wins) */

/* Tokens (force light) */
:root{
  --bg:#fff !important; --surface:#fff !important;
  --ink:#0b0f19 !important; --ink-2:#0b0f19 !important; --muted:#1f2937 !important;
  --link:#1e40af !important; --link-visited:#6b21a8 !important; --focus-ring:#1e40af !important;
  --line:#cbd5e1 !important; --line-2:#94a3b8 !important;
}

/* Base */
html,body{ background:#fff !important; color:#0b0f19 !important; }
h1,h2,h3,h4,strong{ color:#0b0f19 !important; }
p,li,dd,dt,summary,.sub,.fresh,figcaption{ color:#0b0f19 !important; }
a{ color:#1e40af !important; text-underline-offset:2px; }
a:visited{ color:#6b21a8 !important; }
:focus-visible{ outline:3px solid #1e40af !important; outline-offset:2px !important; }

/* Header / nav — fix unreadable blue-on-blue */
header{ background:#fff !important; color:#0b0f19 !important; border-bottom:1px solid #cbd5e1 !important; }
header .links a, header nav a, header a{ color:#0b0f19 !important; text-decoration:none; }
header .links a:hover, header nav a:hover{ text-decoration:underline; }
header nav a[aria-current="page"]{ background:#f8fafc !important; outline:1px solid #cbd5e1 !important; }
/* Nuke any leftover tinted backgrounds in header children */
header [class*="bg-"], header [style*="background"]{ background:transparent !important; background-image:none !important; }

/* Core components */
.card{ background:#fff !important; border:1px solid #cbd5e1 !important; box-shadow:0 1px 2px rgba(0,0,0,.04) !important; }
.pill{ background:#fff !important; border:1px solid #94a3b8 !important; color:#0b0f19 !important; }
.btn{ background:#fff !important; color:#0b0f19 !important; border:1px solid #94a3b8 !important; }
.btn.primary{ background:#1e40af !important; border-color:#1e40af !important; color:#fff !important; }
input,select,textarea{ color:#0b0f19 !important; background:#fff !important; border:1px solid #94a3b8 !important; }

/* Kill leftover dark bands (e.g., Browse by state) */
.section-dark, .band, .panel, .callout, .feature-band,
.state-browse, .state-nav, .state-list, .state-cards,
[aria-label*="Browse by state"], [aria-label*="state"], [class*="state-"]{
  background:#fff !important; color:#0b0f19 !important;
  border:1px solid #cbd5e1 !important; box-shadow:none !important;
}
.state-browse a, .state-nav a, .state-list a, .state-cards a{ color:#1e40af !important; }
.state-browse .pill, .state-nav .pill, .state-list .pill, .state-cards .pill{
  background:#fff !important; color:#0b0f19 !important; border:1px solid #94a3b8 !important;
}

/* Keep actual video letterbox dark */
.vidwrap{ background:#000 !important; }

/* ==== Regulations page clean-up (route-scoped) ==== */
body.page-regulations header{
  background:#fff !important; color:#0b0f19 !important; border-bottom:1px solid #cbd5e1 !important;
}
body.page-regulations header .links a,
body.page-regulations header nav a,
body.page-regulations header a{ color:#0b0f19 !important; }
body.page-regulations header nav a[aria-current="page"]{
  background:#f8fafc !important; outline:1px solid #cbd5e1 !important;
}

/* TL;DR band on Regulations */
body.page-regulations .tldr{
  background:#fff !important;
  color:#0b0f19 !important;
  border-left:4px solid #1e40af !important;
}

/* Progress bar stays readable */
body.page-regulations .progress .bar{ background:#e5e7eb !important; }
body.page-regulations .progress .fill{
  background:linear-gradient(90deg,#6ee7b7,#2563eb) !important;
}

/* “Browse by state” block and similar dark bands */
body.page-regulations [aria-label*="Browse by state"],
body.page-regulations .state-browse,
body.page-regulations .state-nav,
body.page-regulations .state-list,
body.page-regulations .state-cards,
body.page-regulations .band,
body.page-regulations .panel{
  background:#fff !important;
  color:#0b0f19 !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:none !important;
}

/* Links and pills inside those blocks */
body.page-regulations .state-browse a,
body.page-regulations .state-nav a,
body.page-regulations .state-list a,
body.page-regulations .state-cards a{ color:#1e40af !important; }
body.page-regulations .pill{
  background:#fff !important; color:#0b0f19 !important; border:1px solid #94a3b8 !important;
}

/* Neutralize any inline dark/gradient background remnants specific to this page */
body.page-regulations [style*="background:linear-gradient"],
body.page-regulations [style*="background: radial-gradient"],
body.page-regulations [style*="background-color: rgb"],
body.page-regulations [style*="background-color:#"],
body.page-regulations [style^="background:#0"]{
  background-color:#fff !important; background-image:none !important;
}

/* ==== Regulations page clean-up (route-scoped) ==== */
body.page-regulations .tldr{
  background:#fff !important; color:#0b0f19 !important;
  border-left:4px solid #1e40af !important;
}

/* FAQ accordion (details/summary) */
body.page-regulations details,
body.page-regulations summary{
  background:#fff !important; color:#0b0f19 !important;
  border:1px solid #cbd5e1 !important; box-shadow:none !important;
}
body.page-regulations details{ border-radius:12px !important; padding:0 !important; }
body.page-regulations summary{
  display:flex; align-items:center; gap:.5rem;
  padding:12px 14px !important; border-radius:10px !important;
  font-weight:600 !important; cursor:pointer;
}
body.page-regulations details[open] summary{ background:#f8fafc !important; }

/* “Browse by state” band (and similar dark panels) */
body.page-regulations .state-browse,
body.page-regulations [aria-label*="Browse by state"],
body.page-regulations .band, body.page-regulations .panel{
  background:#fff !important; color:#0b0f19 !important;
  border:1px solid #cbd5e1 !important; box-shadow:none !important;
}
/* Links & pills inside that band */
body.page-regulations .state-browse a{ color:#1e40af !important; }
body.page-regulations .state-browse .pill{
  background:#fff !important; color:#0b0f19 !important; border:1px solid #94a3b8 !important;
}

/* Nuke any leftover dark/gradient backgrounds on the page */
body.page-regulations [style*="background:linear-gradient"],
body.page-regulations [style*="background-color: rgb"],
body.page-regulations [style*="background-color:#"]{
  background-color:#fff !important; background-image:none !important;
}