/* ============================================================
   HealthCompass — Dark Mode overrides
   ------------------------------------------------------------
   All rules scoped under body.dark. Accent colors (teal, guide
   accents) are kept; surfaces, text, and borders are flipped.
   Load this LAST (after each page's own <style> / stylesheets).
   ============================================================ */

/* ---- Dark palette tokens (for reference)
   bg page:      var(--hc-ink-750)
   surface/card: var(--hc-ink-550)
   surface-2:    var(--hc-ink-500)
   border:       var(--hc-slate-800)
   text primary: var(--hc-surface-250)
   text muted:   var(--hc-slate-300)
   text faint:   var(--hc-slate-500)
   ---- */

/* ===== Toggle button ===== */
.hc-theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  color:#fff;cursor:pointer;padding:0;margin-left:.25rem;flex-shrink:0;
  transition:background .18s,transform .18s;
}
.hc-theme-toggle:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.hc-theme-toggle svg{display:block}
.hc-theme-toggle-fixed{position:fixed;top:12px;right:14px;z-index:500}
/* In light mode the nav is dark, so white button is fine. Keep consistent in dark too. */

/* ===== GLOBAL SURFACES ===== */
body.dark{background:var(--hc-ink-750) !important;color:var(--hc-surface-250) !important;--hc-ink:var(--hc-surface-250)}

/* Generic white / light backgrounds -> dark surfaces */
body.dark .hcsec.alt,
body.dark .fg-controls,
body.dark .ctrl,
body.dark .sl-sec-alt,
body.dark .dt-alt,
body.dark .pf-sec-alt{
  background:#101a2b !important;
}

/* ===== HOME PAGE ===== */
body.dark .hcgc,
body.dark .hctc2,
body.dark .hctc,
body.dark .hcp2tc{
  background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;
}
body.dark .hcgc-ico,
body.dark .hctc2-ico{background:var(--hc-ink-500) !important}
body.dark .hcgc-nm,
body.dark .hctc2-nm,
body.dark .hcstl,
body.dark .hcp2stl{color:var(--hc-surface-250) !important}
body.dark .hcgc-ds,
body.dark .hctc2-ds,
body.dark .hcsds,
body.dark .hctctag,
body.dark .hcp2tctag{color:var(--hc-slate-300) !important}
body.dark .hctcname,body.dark .hcp2tcnm{color:var(--hc-surface-250) !important}
body.dark .hctcds,body.dark .hcp2tcds{color:var(--hc-slate-300) !important}
/* hero + trust band are already dark navy — leave as-is */

/* ===== SUPPLEMENT GUIDE ===== */
/* detail panel — match the food panel's tones for consistency */
body.dark .panel{background:var(--hc-ink-600) !important}
body.dark .p-body{background:var(--hc-ink-600) !important}
body.dark .p-deepdive{background:linear-gradient(135deg,#181433,#141a30) !important;border-color:#332a5c !important}
body.dark .p-deepdive-t{color:#cdc4f7 !important}
body.dark .p-deepdive-s{color:#9b94c4 !important}

/* ===== dark mode: creatine deep-dive page ===== */
body.dark .cr-wrap{color:var(--hc-surface-350)}
body.dark .cr-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .cr-nav-h{color:var(--hc-slate-400) !important}
body.dark .cr-nav a{color:var(--hc-slate-300) !important}
body.dark .cr-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(0,180,162,.12) !important}
body.dark .cr-nav a.on{color:var(--hc-teal-light) !important;background:rgba(0,180,162,.14) !important}
body.dark .cr-sec-eye{color:var(--hc-teal-light) !important}
body.dark .cr-h2,body.dark .cr-h3{color:var(--hc-surface-250) !important}
body.dark .cr-lede{color:var(--hc-surface-350) !important}
body.dark .cr-p{color:var(--hc-slate-200) !important}
body.dark .cr-p strong,body.dark .cr-use-body strong,body.dark .cr-myth-a strong{color:var(--hc-surface-250) !important}
body.dark .cr-use,body.dark .cr-myth,body.dark .cr-faq,body.dark .cr-dose,body.dark .cr-who-c{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .cr-use-name,body.dark .cr-myth-q,body.dark .cr-who-c-t{color:var(--hc-surface-250) !important}
body.dark .cr-use-body,body.dark .cr-myth-a,body.dark .cr-faq-b{color:var(--hc-slate-200) !important}
body.dark .cr-who-c-b{color:var(--hc-slate-300) !important}
body.dark .cr-dose-row{border-bottom-color:var(--hc-slate-800) !important}
body.dark .cr-dose-row.hd{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .cr-dose-goal{color:var(--hc-surface-250) !important}
body.dark .cr-dose-amt{color:var(--hc-teal-light) !important}
body.dark .cr-dose-note{color:var(--hc-slate-300) !important}
body.dark .cr-honest{background:linear-gradient(135deg,#06302b,#04211d) !important}
body.dark .cr-myth-tag.busted{background:#0e2a28 !important;color:var(--hc-teal-light) !important}
body.dark .cr-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .cr-limit{background:#251512 !important;border-color:#4a2a22 !important;border-left-color:#b06a4f !important}
body.dark .cr-limit-t{color:#f0a584 !important}
body.dark .cr-limit-b{color:#d6b3a6 !important}
body.dark .cr-key{background:linear-gradient(135deg,#0e2a26,#10202e) !important;border-color:#1f4a44 !important}
body.dark .cr-key-b{color:#bfe0db !important}
body.dark .cr-key-b strong{color:var(--hc-teal-light) !important}
body.dark .cr-foods{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .cr-foods th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .cr-foods td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .cr-foods td:last-child{color:var(--hc-teal-light) !important}
body.dark .cr-faq summary{color:var(--hc-surface-250) !important}
body.dark .cr-src{color:var(--hc-slate-300) !important}
body.dark .cr-src a{color:var(--hc-teal-light) !important}
body.dark .cr-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .cr-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}
body.dark .cr-anim-ph{background:linear-gradient(135deg,#06302b,#04211d) !important;border-color:rgba(95,224,207,.35) !important}

/* ===== dark mode: vitamin D deep-dive page ===== */
body.dark .vd-wrap{color:var(--hc-surface-350)}
body.dark .vd-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .vd-nav-h{color:var(--hc-slate-400) !important}
body.dark .vd-nav a{color:var(--hc-slate-300) !important}
body.dark .vd-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(232,163,61,.12) !important}
body.dark .vd-nav a.on{color:#f0c27e !important;background:rgba(232,163,61,.16) !important}
body.dark .vd-sec-eye{color:#f0c27e !important}
body.dark .vd-h2,body.dark .vd-h3{color:var(--hc-surface-250) !important}
body.dark .vd-lede{color:var(--hc-surface-350) !important}
body.dark .vd-p{color:var(--hc-slate-200) !important}
body.dark .vd-p strong,body.dark .vd-use-body strong,body.dark .vd-myth-a strong{color:var(--hc-surface-250) !important}
body.dark .vd-use,body.dark .vd-myth,body.dark .vd-faq,body.dark .vd-tbl,body.dark .vd-who-c,body.dark .vd-debate-col{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .vd-use-name,body.dark .vd-myth-q,body.dark .vd-who-c-t,body.dark .vd-debate-col h4{color:var(--hc-surface-250) !important}
body.dark .vd-use-body,body.dark .vd-myth-a,body.dark .vd-faq-b,body.dark .vd-debate-col p{color:var(--hc-slate-200) !important}
body.dark .vd-who-c-b{color:var(--hc-slate-300) !important}
body.dark .vd-tbl-row{border-bottom-color:var(--hc-slate-800) !important}
body.dark .vd-tbl-row.hd{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .vd-tbl-a{color:var(--hc-surface-250) !important}
body.dark .vd-tbl-b{color:#f0c27e !important}
body.dark .vd-tbl-c{color:var(--hc-slate-300) !important}
body.dark .vd-honest{background:linear-gradient(135deg,#3a2a0b,#1c1405) !important}
body.dark .vd-myth-tag.busted{background:#2e2410 !important;color:#e8c483 !important}
body.dark .vd-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .vd-limit{background:#251512 !important;border-color:#4a2a22 !important;border-left-color:#b06a4f !important}
body.dark .vd-limit-t{color:#f0a584 !important}
body.dark .vd-limit-b{color:#d6b3a6 !important}
body.dark .vd-key{background:linear-gradient(135deg,#2a2210,#1e1a0c) !important;border-color:#4a3c1c !important}
body.dark .vd-key-b{color:#e6d4ab !important}
body.dark .vd-key-b strong{color:#f0c27e !important}
body.dark .vd-foods{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .vd-foods th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .vd-foods td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .vd-foods td:last-child{color:#f0c27e !important}
body.dark .vd-faq summary{color:var(--hc-surface-250) !important}
body.dark .vd-src{color:var(--hc-slate-300) !important}
body.dark .vd-src a{color:#f0c27e !important}
body.dark .vd-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .vd-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}

/* ===== dark mode: omega-3 deep-dive page ===== */
body.dark .o3-wrap{color:var(--hc-surface-350)}
body.dark .o3-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .o3-nav-h{color:var(--hc-slate-400) !important}
body.dark .o3-nav a{color:var(--hc-slate-300) !important}
body.dark .o3-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(30,136,176,.14) !important}
body.dark .o3-nav a.on{color:#7fd0ec !important;background:rgba(30,136,176,.18) !important}
body.dark .o3-sec-eye{color:#7fd0ec !important}
body.dark .o3-h2,body.dark .o3-h3{color:var(--hc-surface-250) !important}
body.dark .o3-lede{color:var(--hc-surface-350) !important}
body.dark .o3-p{color:var(--hc-slate-200) !important}
body.dark .o3-p strong,body.dark .o3-use-body strong,body.dark .o3-myth-a strong{color:var(--hc-surface-250) !important}
body.dark .o3-use,body.dark .o3-myth,body.dark .o3-faq,body.dark .o3-tbl,body.dark .o3-who-c,body.dark .o3-pair-col{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .o3-use-name,body.dark .o3-myth-q,body.dark .o3-who-c-t,body.dark .o3-pair-col h4{color:var(--hc-surface-250) !important}
body.dark .o3-use-body,body.dark .o3-myth-a,body.dark .o3-faq-b,body.dark .o3-pair-col p{color:var(--hc-slate-200) !important}
body.dark .o3-who-c-b{color:var(--hc-slate-300) !important}
body.dark .o3-pair-col .o3-pair-tag{color:#7fd0ec !important}
body.dark .o3-tbl-row{border-bottom-color:var(--hc-slate-800) !important}
body.dark .o3-tbl-row.hd{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .o3-tbl-a{color:var(--hc-surface-250) !important}
body.dark .o3-tbl-b{color:#7fd0ec !important}
body.dark .o3-tbl-c{color:var(--hc-slate-300) !important}
body.dark .o3-honest{background:linear-gradient(135deg,#073647,#04161e) !important}
body.dark .o3-myth-tag.busted{background:#10303c !important;color:#7fd0ec !important}
body.dark .o3-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .o3-limit{background:#251512 !important;border-color:#4a2a22 !important;border-left-color:#b06a4f !important}
body.dark .o3-limit-t{color:#f0a584 !important}
body.dark .o3-limit-b{color:#d6b3a6 !important}
body.dark .o3-key{background:linear-gradient(135deg,#0e2a36,#10202e) !important;border-color:#1f4456 !important}
body.dark .o3-key-b{color:#bfe0ec !important}
body.dark .o3-key-b strong{color:#7fd0ec !important}
body.dark .o3-foods{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .o3-foods th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .o3-foods td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .o3-foods td:last-child{color:#7fd0ec !important}
body.dark .o3-faq summary{color:var(--hc-surface-250) !important}
body.dark .o3-src{color:var(--hc-slate-300) !important}
body.dark .o3-src a{color:#7fd0ec !important}
body.dark .o3-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .o3-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}

/* ===== dark mode: thyroid guide ===== */
body.dark .th-wrap{color:var(--hc-surface-350)}
body.dark .th-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .th-nav-h{color:var(--hc-slate-400) !important}
body.dark .th-nav a{color:var(--hc-slate-300) !important}
body.dark .th-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(31,156,138,.14) !important}
body.dark .th-nav a.on{color:#6fd6c5 !important;background:rgba(31,156,138,.18) !important}
body.dark .th-sec-eye{color:#6fd6c5 !important}
body.dark .th-h2,body.dark .th-h3{color:var(--hc-surface-250) !important}
body.dark .th-lede{color:var(--hc-surface-350) !important}
body.dark .th-p{color:var(--hc-slate-200) !important}
body.dark .th-p strong,body.dark .th-use-body strong,body.dark .th-myth-a strong{color:var(--hc-surface-250) !important}
body.dark .th-use,body.dark .th-myth,body.dark .th-faq,body.dark .th-tests,body.dark .th-pair-col{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .th-use-name,body.dark .th-myth-q,body.dark .th-pair-col h4{color:var(--hc-surface-250) !important}
body.dark .th-use-body,body.dark .th-myth-a,body.dark .th-faq-b,body.dark .th-pair-col p{color:var(--hc-slate-200) !important}
body.dark .th-pair-col .th-pair-sym{color:var(--hc-slate-300) !important}
body.dark .th-pair-col .th-pair-sym strong{color:var(--hc-surface-400) !important}
body.dark .th-pair-tag{color:#6fd6c5 !important}
body.dark .th-test-row{border-bottom-color:var(--hc-slate-800) !important}
body.dark .th-test-row.hd{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .th-test-a{color:var(--hc-surface-250) !important}
body.dark .th-test-b{color:var(--hc-slate-200) !important}
body.dark .th-honest{background:linear-gradient(135deg,#0a3a32,#04161e) !important}
body.dark .th-danger{background:#2a1611 !important;border-color:#5a2e1e !important;border-left-color:#e8703e !important}
body.dark .th-danger-t{color:#f0a072 !important}
body.dark .th-danger-b{color:#e0b9a6 !important}
body.dark .th-danger-b strong{color:#f0a072 !important}
body.dark .th-myth-tag.busted{background:#0e3a32 !important;color:#6fd6c5 !important}
body.dark .th-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .th-limit{background:#251512 !important;border-color:#4a2a22 !important;border-left-color:#b06a4f !important}
body.dark .th-limit-t{color:#f0a584 !important}
body.dark .th-limit-b{color:#d6b3a6 !important}
body.dark .th-key{background:linear-gradient(135deg,#0e2e29,#10231f) !important;border-color:#1f4a42 !important}
body.dark .th-key-b{color:#bfe3dc !important}
body.dark .th-key-b strong{color:#6fd6c5 !important}
body.dark .th-foods{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .th-foods th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .th-foods td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .th-foods td:first-child{color:var(--hc-surface-250) !important}
body.dark .th-faq summary{color:var(--hc-surface-250) !important}
body.dark .th-src{color:var(--hc-slate-300) !important}
body.dark .th-src a{color:#6fd6c5 !important}
body.dark .th-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .th-disclaim strong{color:var(--hc-surface-400) !important}
body.dark .th-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}

/* ===== dark mode: joint & inflammation guide ===== */
body.dark .ji-wrap{color:var(--hc-surface-350)}
body.dark .ji-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .ji-nav-h{color:var(--hc-slate-400) !important}
body.dark .ji-nav a{color:var(--hc-slate-300) !important}
body.dark .ji-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(224,83,59,.14) !important}
body.dark .ji-nav a.on{color:#f0a08c !important;background:rgba(224,83,59,.16) !important}
body.dark .ji-sec-eye{color:#f0a08c !important}
body.dark .ji-h2,body.dark .ji-h3{color:var(--hc-surface-250) !important}
body.dark .ji-lede{color:var(--hc-surface-350) !important}
body.dark .ji-p{color:var(--hc-slate-200) !important}
body.dark .ji-p strong,body.dark .ji-use-body strong,body.dark .ji-myth-a strong{color:var(--hc-surface-250) !important}
body.dark .ji-use,body.dark .ji-myth,body.dark .ji-faq,body.dark .ji-pair-col{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ji-use-name,body.dark .ji-myth-q,body.dark .ji-pair-col h4{color:var(--hc-surface-250) !important}
body.dark .ji-use-body,body.dark .ji-myth-a,body.dark .ji-faq-b,body.dark .ji-pair-col p{color:var(--hc-slate-200) !important}
body.dark .ji-pair-col .ji-pair-sym{color:var(--hc-slate-300) !important}
body.dark .ji-pair-col .ji-pair-sym strong{color:var(--hc-surface-400) !important}
body.dark .ji-pair-tag{color:#f0a08c !important}
body.dark .ji-honest{background:linear-gradient(135deg,#3d160d,#1e0c07) !important}
body.dark .ji-myth-tag.busted{background:#3a1610 !important;color:#f0a08c !important}
body.dark .ji-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .ji-limit,body.dark .ji-warn{background:#251512 !important;border-color:#4a2a22 !important;border-left-color:#b06a4f !important}
body.dark .ji-limit-t,body.dark .ji-warn-t{color:#f0a584 !important}
body.dark .ji-limit-b,body.dark .ji-warn li{color:#d6b3a6 !important}
body.dark .ji-key{background:linear-gradient(135deg,#2e1610,#22110c) !important;border-color:#4a2a1e !important}
body.dark .ji-key-b{color:#e6c3b6 !important}
body.dark .ji-key-b strong{color:#f0a08c !important}
body.dark .ji-foods{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ji-foods th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .ji-foods td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .ji-foods td:first-child{color:var(--hc-surface-250) !important}
body.dark .ji-faq summary{color:var(--hc-surface-250) !important}
body.dark .ji-src{color:var(--hc-slate-300) !important}
body.dark .ji-src a{color:#f0a08c !important}
body.dark .ji-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .ji-disclaim strong{color:var(--hc-surface-400) !important}
body.dark .ji-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}

/* ===== dark mode: salmon deep dive ===== */
body.dark .sa-wrap{color:var(--hc-surface-350)}
body.dark .sa-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .sa-nav-h{color:var(--hc-slate-400) !important}
body.dark .sa-nav a{color:var(--hc-slate-300) !important}
body.dark .sa-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(232,100,60,.14) !important}
body.dark .sa-nav a.on{color:#f2a283 !important;background:rgba(232,100,60,.16) !important}
body.dark .sa-sec-eye{color:#f2a283 !important}
body.dark .sa-h2,body.dark .sa-h3{color:var(--hc-surface-250) !important}
body.dark .sa-lede{color:var(--hc-surface-350) !important}
body.dark .sa-p{color:var(--hc-slate-200) !important}
body.dark .sa-p strong,body.dark .sa-use-body strong,body.dark .sa-myth-a strong{color:var(--hc-surface-250) !important}
body.dark .sa-use,body.dark .sa-myth,body.dark .sa-faq,body.dark .sa-pair-col,body.dark .sa-nutri-c{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .sa-use-name,body.dark .sa-myth-q,body.dark .sa-pair-col h4,body.dark .sa-nutri-n{color:var(--hc-surface-250) !important}
body.dark .sa-use-body,body.dark .sa-myth-a,body.dark .sa-faq-b,body.dark .sa-pair-col li{color:var(--hc-slate-200) !important}
body.dark .sa-nutri-d{color:var(--hc-slate-300) !important}
body.dark .sa-pair-tag{color:#f2a283 !important}
body.dark .sa-honest{background:linear-gradient(135deg,#3f1d12,#1e0e08) !important}
body.dark .sa-myth-tag.busted{background:#3a1610 !important;color:#f2a283 !important}
body.dark .sa-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .sa-limit{background:#251512 !important;border-color:#4a2a22 !important;border-left-color:#b06a4f !important}
body.dark .sa-limit-t{color:#f0a584 !important}
body.dark .sa-limit-b{color:#d6b3a6 !important}
body.dark .sa-key{background:linear-gradient(135deg,#2e1610,#22110c) !important;border-color:#4a2a1e !important}
body.dark .sa-key-b{color:#e6c3b6 !important}
body.dark .sa-key-b strong{color:#f2a283 !important}
body.dark .sa-foods{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .sa-foods th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .sa-foods td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .sa-foods td:first-child{color:var(--hc-surface-250) !important}
body.dark .sa-faq summary{color:var(--hc-surface-250) !important}
body.dark .sa-src{color:var(--hc-slate-300) !important}
body.dark .sa-src a{color:#f2a283 !important}
body.dark .sa-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .sa-disclaim strong{color:var(--hc-surface-400) !important}
body.dark .sa-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}

/* ===== dark mode: eggs deep dive ===== */
body.dark .eg-wrap{color:var(--hc-surface-350)}
body.dark .eg-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .eg-nav-h{color:var(--hc-slate-400) !important}
body.dark .eg-nav a{color:var(--hc-slate-300) !important}
body.dark .eg-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(232,162,28,.14) !important}
body.dark .eg-nav a.on{color:#f0c466 !important;background:rgba(232,162,28,.16) !important}
body.dark .eg-sec-eye{color:#f0c466 !important}
body.dark .eg-h2,body.dark .eg-h3{color:var(--hc-surface-250) !important}
body.dark .eg-lede{color:var(--hc-surface-350) !important}
body.dark .eg-p{color:var(--hc-slate-200) !important}
body.dark .eg-p strong,body.dark .eg-use-body strong,body.dark .eg-myth-a strong{color:var(--hc-surface-250) !important}
body.dark .eg-use,body.dark .eg-myth,body.dark .eg-faq,body.dark .eg-pair-col,body.dark .eg-nutri-c{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .eg-use-name,body.dark .eg-myth-q,body.dark .eg-pair-col h4,body.dark .eg-nutri-n{color:var(--hc-surface-250) !important}
body.dark .eg-use-body,body.dark .eg-myth-a,body.dark .eg-faq-b,body.dark .eg-pair-col li{color:var(--hc-slate-200) !important}
body.dark .eg-nutri-d{color:var(--hc-slate-300) !important}
body.dark .eg-pair-tag{color:#f0c466 !important}
body.dark .eg-tl-yr{color:#f0c466 !important}
body.dark .eg-tl-b{color:var(--hc-slate-200) !important}
body.dark .eg-tl-b strong{color:var(--hc-surface-250) !important}
body.dark .eg-timeline{border-left-color:#B57A0A !important}
body.dark .eg-tl::before{border-color:var(--hc-ink-550) !important}
body.dark .eg-honest{background:linear-gradient(135deg,#33270a,#181203) !important}
body.dark .eg-myth-tag.busted{background:#2e2410 !important;color:#f0c466 !important}
body.dark .eg-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .eg-limit{background:#221a0c !important;border-color:#4a3a1c !important;border-left-color:#b0904f !important}
body.dark .eg-limit-t{color:#f0c87a !important}
body.dark .eg-limit-b{color:#d6c3a0 !important}
body.dark .eg-key{background:linear-gradient(135deg,#2a2110,#1f1808) !important;border-color:#4a3a1e !important}
body.dark .eg-key-b{color:#e6d3a6 !important}
body.dark .eg-key-b strong{color:#f0c466 !important}
body.dark .eg-foods{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .eg-foods th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .eg-foods td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .eg-foods td:first-child{color:var(--hc-surface-250) !important}
body.dark .eg-faq summary{color:var(--hc-surface-250) !important}
body.dark .eg-src{color:var(--hc-slate-300) !important}
body.dark .eg-src a{color:#f0c466 !important}
body.dark .eg-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .eg-disclaim strong{color:var(--hc-surface-400) !important}
body.dark .eg-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}

/* ===== dark mode: plaque deep dive ===== */
body.dark .pl-wrap{color:var(--hc-surface-350)}
body.dark .pl-nav{border-left-color:var(--hc-slate-800) !important}
body.dark .pl-nav-h{color:var(--hc-slate-400) !important}
body.dark .pl-nav a{color:var(--hc-slate-300) !important}
body.dark .pl-nav a:hover{color:var(--hc-surface-250) !important;background:rgba(177,21,48,.16) !important}
body.dark .pl-nav a.on{color:#f2a0ad !important;background:rgba(177,21,48,.18) !important}
body.dark .pl-sec-eye{color:#f2a0ad !important}
body.dark .pl-h2,body.dark .pl-h3{color:var(--hc-surface-250) !important}
body.dark .pl-lede{color:var(--hc-surface-350) !important}
body.dark .pl-p{color:var(--hc-slate-200) !important}
body.dark .pl-p strong,body.dark .pl-lever-body strong,body.dark .pl-myth-a strong,body.dark .pl-study-b strong{color:var(--hc-surface-250) !important}
body.dark .pl-main a{color:#f2a0ad !important}
body.dark .pl-lever,body.dark .pl-myth,body.dark .pl-faq,body.dark .pl-pair-col,body.dark .pl-worked{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .pl-lever-name,body.dark .pl-myth-q,body.dark .pl-pair-col h4,body.dark .pl-worked h3{color:var(--hc-surface-250) !important}
body.dark .pl-lever-body,body.dark .pl-myth-a,body.dark .pl-faq-b,body.dark .pl-pair-col li{color:var(--hc-slate-200) !important}
body.dark .pl-pair-tag,body.dark .pl-worked-eye{color:#f2a0ad !important}
body.dark .pl-study{background:var(--hc-ink-650) !important}
body.dark .pl-study-b{color:var(--hc-slate-200) !important}
body.dark .pl-study-tag.pos{background:#3a2410 !important;color:#e0b070 !important}
body.dark .pl-study-tag.null{background:#1e2836 !important;color:var(--hc-slate-300) !important}
body.dark .pl-reframe{background:linear-gradient(135deg,#350914,#1c0509) !important}
body.dark .pl-myth-tag{background:#3a1610 !important;color:#f0a585 !important}
body.dark .pl-myth-tag.partly{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .pl-limit{background:#251218 !important;border-color:#4a2028 !important;border-left-color:#b0606e !important}
body.dark .pl-limit-t{color:#f0a0ad !important}
body.dark .pl-limit-b{color:#d6aab0 !important}
body.dark .pl-key{background:linear-gradient(135deg,#2e1015,#1f0a0d) !important;border-color:#4a1c26 !important}
body.dark .pl-key-b{color:#e6b6bf !important}
body.dark .pl-key-b strong{color:#f2a0ad !important}
body.dark .pl-cac{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .pl-cac th{background:var(--hc-ink-650) !important;color:var(--hc-slate-400) !important}
body.dark .pl-cac td{border-top-color:var(--hc-slate-800) !important;color:var(--hc-slate-200) !important}
body.dark .pl-cac td:first-child{color:var(--hc-surface-250) !important}
body.dark .pl-faq summary{color:var(--hc-surface-250) !important}
body.dark .pl-gate{background:linear-gradient(135deg,#1f2937,#0a0e14) !important}
body.dark .pl-src{color:var(--hc-slate-300) !important}
body.dark .pl-src a{color:#f2a0ad !important}
body.dark .pl-disclaim{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .pl-disclaim strong{color:var(--hc-surface-400) !important}
body.dark .pl-reviewed{color:var(--hc-slate-400) !important;border-top-color:var(--hc-slate-800) !important}

/* ===== dark mode: meat buying deep dive ===== */
body.dark .mt-wrap{color:var(--hc-surface-350)}
body.dark .mt-nav{border-left-color:#3a2e26 !important}
body.dark .mt-nav-h{color:#a99784 !important}
body.dark .mt-nav a{color:#bba894 !important}
body.dark .mt-nav a:hover{color:#f0e6dc !important;background:rgba(142,45,45,.2) !important}
body.dark .mt-nav a.on{color:#e8b87f !important;background:rgba(142,45,45,.22) !important}
body.dark .mt-sec-eye{color:#e0a878 !important}
body.dark .mt-h2,body.dark .mt-h3,body.dark .mt-tier-label{color:#f0e6dc !important}
body.dark .mt-lede{color:#e6dcd2 !important}
body.dark .mt-p{color:#c9bcb0 !important}
body.dark .mt-p strong{color:#f0e6dc !important}
body.dark .mt-main a{color:#e8b87f !important}
body.dark .mt-store{background:#241a16 !important;border-color:#3a2e26 !important}
body.dark .mt-store-name{color:#f0e6dc !important}
body.dark .mt-store-tagline{color:#e0a878 !important}
body.dark .mt-store-region{background:#332720 !important;color:#bba894 !important}
body.dark .mt-store-row{color:#c9bcb0 !important}
body.dark .mt-store-row strong{color:#f0e6dc !important}
body.dark .mt-verdict{border-top-color:#3a2e26 !important;color:#e6dcd2 !important}
body.dark .mt-verdict strong{color:#e8b87f !important}
body.dark .mt-blurb{background:linear-gradient(135deg,#3a1614,#24100e) !important}
body.dark .mt-side{background:linear-gradient(135deg,#16241b,#0f1a13) !important;border-color:#23402e !important}
body.dark .mt-side-eye{color:#5fcf8f !important}
body.dark .mt-side h3{color:#d6f0e0 !important}
body.dark .mt-side p{color:#bcd6c6 !important}
body.dark .mt-side strong{color:#9fe6bf !important}
body.dark .mt-side a{color:#9fe6bf !important}
body.dark .mt-table{background:#241a16 !important;border-color:#3a2e26 !important}
body.dark .mt-table th{background:#1a120e !important;color:#a99784 !important}
body.dark .mt-table td{border-top-color:#3a2e26 !important;color:#c9bcb0 !important}
body.dark .mt-table td:first-child{color:#f0e6dc !important}
body.dark .mt-table td strong{color:#e8b87f !important}
body.dark .mt-key{background:#241a16 !important;border-color:#3a2e26 !important}
body.dark .mt-key-b{color:#d6c4b4 !important}
body.dark .mt-key-b strong{color:#e8b87f !important}
body.dark .mt-src{color:#bba894 !important}
body.dark .mt-src a{color:#e8b87f !important}
body.dark .mt-disclaim{background:#1a120e !important;color:#bba894 !important}
body.dark .mt-disclaim strong{color:#e6dcd2 !important}
body.dark .mt-reviewed{color:#a99784 !important;border-top-color:#3a2e26 !important}
/* food-guide meat CTA banner in dark */
body.dark .fg-meatdd{background:linear-gradient(135deg,#3a1614,#241210) !important;border-color:#5a2820 !important}
body.dark .fg-meatdd-t{color:#f5e6e0 !important}
body.dark .fg-meatdd-s{color:#c9a99e !important}
body.dark .fg-meatdd-eye,body.dark .fg-meatdd-ar{color:#e8a878 !important}
/* food-guide deep-dive CTA (dark) */
body.dark .fg-deepdive{background:linear-gradient(135deg,#2e1610,#1e1410) !important;border-color:#4a2a1e !important}
body.dark .fg-deepdive-t{color:#f2a283 !important}
body.dark .fg-deepdive-s{color:#c9a594 !important}
body.dark .q{background:var(--hc-ink-500) !important}
body.dark .q-l{color:var(--hc-slate-300) !important}
body.dark .q-v{color:var(--hc-surface-400) !important}
body.dark .ben{background:var(--hc-ink-500) !important}
body.dark .ben-tx{color:var(--hc-surface-400) !important}
body.dark .syn{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important}
body.dark .syn-n{color:var(--hc-surface-250) !important}
body.dark .syn-w{color:var(--hc-slate-300) !important}
body.dark .prose{color:var(--hc-surface-400) !important}
body.dark .foods th{background:var(--hc-ink-600) !important;color:var(--hc-slate-300) !important;border-color:var(--hc-slate-800) !important}
body.dark .foods td{border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .foods td:last-child{color:var(--hc-surface-250) !important}
body.dark .foods tr:nth-child(even) td{background:#162136 !important}
body.dark .card{
  background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;
}
body.dark .card:hover{border-color:var(--hc-teal) !important}
body.dark .card-name{color:var(--hc-surface-250) !important}
body.dark .card-al,body.dark .card-bc{color:#7d8da5 !important}
body.dark .card-tag{color:var(--hc-slate-300) !important}
/* detail panel: benefit rows, caution + expert callouts */
body.dark .ben{background:var(--hc-ink-500) !important}
body.dark .ben-tx{color:var(--hc-surface-400) !important}
body.dark .cau{background:#2e1714 !important;border-color:#5e2a1e !important}
body.dark .cau-t{color:#e0b3a6 !important}
body.dark .expert{background:#241f0e !important}
body.dark .expert-q{color:#f0e4c0 !important}
body.dark .expert-l{color:#d4a94e !important}
body.dark .empty-t{color:var(--hc-slate-300) !important}
body.dark .filter{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .filter:hover{border-color:var(--hc-teal) !important}
/* new enrichment sections */
body.dark .int{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important}
body.dark .int-good{background:#10241e !important;border-color:#1f4a3e !important}
body.dark .int-caution{background:#241f0e !important;border-color:#4a3f1a !important}
body.dark .int-avoid{background:#2e1714 !important;border-color:#5e2a1e !important}
body.dark .int-n{color:var(--hc-surface-250) !important}
body.dark .int-w{color:var(--hc-slate-300) !important}
body.dark .absorb{background:#10201d !important;border-color:#1f4a3e !important}
body.dark .absorb p{color:var(--hc-surface-400) !important}
body.dark .quality{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .quality p{color:var(--hc-surface-400) !important}
/* goal-based stacks */
body.dark .stacks{background:#0d1726 !important;border-color:var(--hc-slate-800) !important}
body.dark .stacks-tl{color:var(--hc-surface-250) !important}
body.dark .stacks-sub{color:var(--hc-slate-300) !important}
body.dark .stack{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .stack-ico{background:var(--hc-ink-500) !important}
body.dark .stack-name{color:var(--hc-surface-250) !important}
body.dark .stack-tag{color:var(--hc-slate-300) !important}
body.dark .stack-count{background:var(--hc-ink-500) !important}
body.dark .stack-summary{color:var(--hc-slate-300) !important}
body.dark .stack-item{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important}
body.dark .stack-item-name{color:var(--hc-surface-250) !important}
body.dark .stack-item-when{color:#b8c4d4 !important}
body.dark .stack-item-why{color:var(--hc-slate-300) !important}
body.dark .stack-note{background:var(--hc-ink-600) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
/* food detail-panel text that was dark navy/gray */
body.dark .fg-pair-w{color:var(--hc-surface-250) !important}
body.dark .fg-serve-t{color:var(--hc-surface-400) !important}
body.dark .fg-ph-name{color:var(--hc-surface-250) !important}
body.dark .ctrl-inner input,
body.dark .search,
body.dark .fg-search,
body.dark input[type="search"],
body.dark input[type="number"],
body.dark input[type="time"],
body.dark input[type="text"],
body.dark input[type="email"],
body.dark input:not([type]),
body.dark textarea,
body.dark select{
  background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important;
}
body.dark .catbtn,body.dark .fg-catbtn,body.dark .fg-bchip{
  background:var(--hc-ink-550) !important;color:var(--hc-slate-300) !important;
}

/* ===== Generic card/panel classes across guides ===== */
body.dark .fg-card,
body.dark .dt-card,
body.dark .pf-tool,
body.dark .pf-pillar,
body.dark .pf-study,
body.dark .pf-faq-item,
body.dark .pf-app,
body.dark .pf-phase,
body.dark .sl-tool,
body.dark .sl-stage,
body.dark .sl-func,
body.dark .sl-study,
body.dark .sl-app,
body.dark .sl-faq-item,
body.dark .sl-agetable,
body.dark .dt-study,
body.dark .dt-faq-item,
body.dark .dt-table-wrap,
body.dark .fg-nut,
body.dark .fg-pair,
body.dark .fg-ben{
  background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important;
}

/* table rows */
body.dark .dt-table th{background:var(--hc-ink-600) !important;color:var(--hc-slate-300) !important;border-color:var(--hc-slate-800) !important}
body.dark .dt-table td{border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .dt-table tbody tr:hover{background:var(--hc-ink-500) !important}

/* age-table row separators (dark) */
body.dark .sl-age-row{border-color:var(--hc-slate-800) !important}

/* secondary surfaces / soft fills */
body.dark .sl-opt,
body.dark .pf-opt,
body.dark .pf-seg-b,
body.dark .sl-hg-item,
body.dark .sl-toggle,
body.dark .pf-unit,
body.dark .fg-nuts .fg-nut,
body.dark .pf-phase,
body.dark .sl-cyc-card{
  background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important;
}
body.dark .sl-cyc-time{color:var(--hc-teal-light) !important}
body.dark .sl-app-best{color:var(--hc-surface-400) !important;border-color:var(--hc-slate-800) !important}

/* ===== TEXT: headings, body, muted ===== */
body.dark h1,body.dark h2,body.dark h3,body.dark h4{color:var(--hc-surface-250) !important}
body.dark .fg-name,body.dark .fg-nut-v,
body.dark .dt-name,body.dark .dt-tname,
body.dark .pf-tool-title,body.dark .pf-pillar-title,body.dark .pf-study-title,
body.dark .sl-tool-title,body.dark .sl-stage-name,body.dark .sl-func-title,body.dark .sl-study-title,
body.dark .sl-age-label,body.dark .pf-phase-t strong{color:var(--hc-surface-250) !important}

/* muted/secondary text */
body.dark .fg-tag,body.dark .fg-ds,body.dark .fg-p,body.dark .fg-nut-n,body.dark .fg-pair-y,
body.dark .fg-sec-sub,body.dark .fg-hero-sub,
body.dark .dt-sec-sub,body.dark .dt-cardtag,body.dark .dt-p,body.dark .dt-pair-y,
body.dark .pf-sec-sub,body.dark .pf-tool-sub,body.dark .pf-pillar-sum,body.dark .pf-study-body,body.dark .pf-phase-t,body.dark .pf-faq-a,
body.dark .sl-sec-sub,body.dark .sl-tool-sub,body.dark .sl-stage-text,body.dark .sl-func-body,body.dark .sl-study-body,body.dark .sl-faq-a,body.dark .sl-age-note,
body.dark .dt-faq-a,body.dark .dt-li{color:var(--hc-slate-300) !important}
body.dark .dt-studies{color:#c8d2de !important}

/* faint text */
body.dark .result-fine,body.dark .sl-result-fine,body.dark .pf-hint,
body.dark .fg-foot-nt,body.dark .sl-foot-nt,body.dark .dt-foot-nt,body.dark .pf-foot-nt{color:var(--hc-slate-500) !important}

/* ===== Section header titles on light sections ===== */
body.dark .fg-sec-title,body.dark .dt-sec-title,body.dark .pf-sec-title,body.dark .sl-sec-title{color:var(--hc-surface-250) !important}

/* ===== FAQ / accordion question text ===== */
body.dark .pf-faq-q,body.dark .sl-faq-q,body.dark .dt-faq-q{color:var(--hc-surface-250) !important}
body.dark .pf-pillar-head{color:var(--hc-surface-250) !important}

/* ===== callout / tinted boxes that were very light ===== */
body.dark .fg-cau,body.dark .sl-cau,
body.dark .dt-ev-box,body.dark .dt-suits,body.dark .dt-studies,
body.dark .pf-electro,
body.dark .sl-serve,body.dark .fg-serve{
  background:#161420 !important;
}
body.dark .dt-ev-box p,body.dark .dt-suits p{color:#c8d2de !important}
body.dark .dt-note{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .dt-note p{color:var(--hc-slate-300) !important}

/* pills / tags with light gray bg */
body.dark .dt-tag,body.dark .fg-btag,
body.dark .sl-app-cost,body.dark .sl-app-type,
body.dark .pf-result-cell{
  background:var(--hc-ink-500) !important;
}

/* inputs placeholder */
body.dark input::placeholder{color:var(--hc-slate-500) !important}

/* detail side panels (slide-in) */
body.dark .fg-panel,body.dark .dt-panel{background:var(--hc-ink-600) !important}
body.dark .fg-pb,body.dark .dt-pb{background:var(--hc-ink-600) !important}
/* food panel section headers (green accent — keep but ensure visible) + inner card consistency */
body.dark .fg-h{color:#3fd07f !important}
body.dark .fg-pair{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important}
body.dark .fg-nut{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important}
body.dark .fg-p{color:var(--hc-surface-400) !important}
body.dark .fg-pf button,body.dark .dt-pf button{background:var(--hc-ink-500) !important;color:var(--hc-surface-400) !important}

/* overlay a touch darker */
body.dark .fg-overlay,body.dark .dt-overlay{background:rgba(0,0,0,.66) !important}

/* borders that used light gray, catch-all softening */
body.dark .fg-sec,body.dark .pf-sec,body.dark .sl-sec,body.dark .dt-sec-wrap{border-color:var(--hc-slate-800) !important}

/* keep the dark hero/expert/verdict boxes — already dark, no override needed */

/* ===== TOOL VIEWS (BMI, calories, etc.) + RESOURCES page ===== */
/* white card surfaces */
body.dark .hcfc,
body.dark .hcrcard,
body.dark .hczone{
  background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;
}
/* tool/resource titles + subtitles */
body.dark .hcttl,
body.dark .hcrnm,
body.dark .hclbl{color:var(--hc-surface-250) !important}
body.dark .hctsub,
body.dark .hcrds{color:var(--hc-slate-300) !important}
/* inputs */
body.dark .hcinp{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
body.dark .hcinp::placeholder{color:var(--hc-slate-500) !important}
/* light gray category/tag pills */
body.dark .hcrtag{background:var(--hc-ink-500) !important;color:var(--hc-slate-300) !important}
/* toggle pills inside tools */
body.dark .hctog button,
body.dark .hctogbtn{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
/* the .hcrc result card is already dark navy — leave it */
/* .hcbcats is already a translucent-on-dark fill — leave it */

/* ===== QUESTIONNAIRE TOOLS (Stress/PSS-10, Diabetes Risk, Sleep Quality, etc.) ===== */
/* question text was dark navy -> invisible on dark cards */
body.dark .hcqlbl{color:var(--hc-surface-250) !important}
/* answer option pills were light -> make them dark surfaces */
body.dark .hcqopt{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .hcqopt:hover{border-color:var(--hc-teal) !important;color:var(--hc-surface-250) !important}
/* selected option stays teal-accented and readable */
body.dark .hcqopt.on{background:var(--hc-teal) !important;border-color:var(--hc-teal) !important;color:#06121f !important}
/* crisis / mental-health callout: keep the alert identity, make readable on dark */
body.dark .hccrisis{background:#3a1a1a !important;border-color:#6b2a2a !important;color:#f3b8b8 !important}
/* disclaimer: keep the warning identity but make it readable on dark */
body.dark .hcdisc{background:#2a2410 !important;border-color:#6b5a1a !important;color:#e8d9a0 !important}

/* resource hover state shouldn't flash white */
body.dark .hcrcard:hover{border-color:var(--hc-teal) !important;background:#16233a !important}
body.dark .hcfc:hover{border-color:var(--hc-slate-800) !important}

/* smooth the theme switch */
body, body * { transition: background-color .25s ease, border-color .25s ease, color .25s ease; }
@media (prefers-reduced-motion: reduce){ body, body * { transition: none !important; } }

/* ===== BLOODWORK GUIDE ===== */
body.dark .bl-disclaimer{background:#101a2b !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-disclaimer-in p{color:var(--hc-slate-300) !important}
body.dark .bl-disclaimer-in strong{color:var(--hc-surface-250) !important}
body.dark .bl-controls{background:#101a2b !important}
body.dark .bl-filter{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .bl-card{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-card-name{color:var(--hc-surface-250) !important}
body.dark .bl-card-aka{color:#7d8da5 !important}
body.dark .bl-card-what{color:var(--hc-slate-300) !important}
body.dark .bl-panel{background:var(--hc-ink-600) !important}
body.dark .bl-pb{background:var(--hc-ink-600) !important}
body.dark .bl-p{color:var(--hc-surface-400) !important}
/* mechanism diagrams: dark-mode overrides for the SVG theme classes */
body.dark .bl-diagram{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-diagram .dg-t{fill:var(--hc-surface-250) !important}
body.dark .bl-diagram .dg-s{fill:var(--hc-slate-300) !important}
body.dark .bl-diagram .dg-box{fill:var(--hc-ink-500) !important}
body.dark .bl-diagram .dg-stroke{stroke:var(--hc-slate-500) !important}
body.dark .bl-diagram .dg-arrowfill{fill:var(--hc-slate-500) !important}
body.dark .bl-range{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
body.dark .bl-range-note{color:#7d8da5 !important}
body.dark .bl-hl-high{background:#2e1714 !important;border-color:#5e2a1e !important}
body.dark .bl-hl-low{background:#10243a !important;border-color:#1f4a6e !important}
body.dark .bl-hl-high .bl-hl-h{color:#e0a08f !important}
body.dark .bl-hl-low .bl-hl-h{color:#8fbce0 !important}
body.dark .bl-hl p{color:var(--hc-slate-300) !important}
body.dark .bl-opt{background:#241f0e !important;border-color:#4a3f1a !important}
body.dark .bl-opt-t{color:#d8c9a0 !important}
body.dark .bl-opt-tag{color:#b89a5a !important}
body.dark .bl-levers{background:#10201d !important;border-color:#1f4a3e !important}
body.dark .bl-levers p{color:var(--hc-surface-400) !important}
body.dark .bl-rel{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-xref-in{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-xref-in>p{color:var(--hc-slate-300) !important}
body.dark .bl-xref-links a{background:var(--hc-ink-500) !important;color:var(--hc-surface-400) !important}

/* ===== METHODOLOGY PAGE ===== */
body.dark .mt-h{color:var(--hc-surface-250) !important}
body.dark .mt-lead{color:var(--hc-surface-250) !important}
body.dark .mt-p{color:var(--hc-slate-300) !important}
body.dark .mt-p strong{color:var(--hc-surface-250) !important}
body.dark .mt-role{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .mt-role-nm{color:var(--hc-surface-250) !important}
body.dark .mt-role-ds{color:var(--hc-slate-300) !important}
body.dark .mt-tier{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .mt-tier-nm{color:var(--hc-surface-250) !important}
body.dark .mt-tier-ds{color:var(--hc-slate-300) !important}
body.dark .mt-source{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
body.dark .mt-source span{color:#7d8da5 !important}
body.dark .mt-callout{background:#10201d !important;border-color:#1f4a3e !important}
body.dark .mt-scope-item{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .mt-cta-links a{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}

/* ===== BLOOD GUIDE — 3-pillar additions ===== */
body.dark .bl-pillars{background:#101a2b !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-pill{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .bl-tcard{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-tcard-nm{color:var(--hc-surface-250) !important}
body.dark .bl-tcard-tag{color:var(--hc-slate-300) !important}
body.dark .bl-tcard-prev{color:#7d8da5 !important}
body.dark .bl-type-hero{background:var(--hc-ink-500) !important}
body.dark .bl-type-tag{color:var(--hc-surface-250) !important}
body.dark .bl-type-prev{color:var(--hc-slate-300) !important}
body.dark .bl-facts li{color:var(--hc-surface-400) !important}
body.dark .bl-note{background:#10201d !important;border-color:#1f4a3e !important;color:var(--hc-surface-400) !important}
body.dark .bl-intro-panel{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-intro-text h3{color:var(--hc-surface-250) !important}
body.dark .bl-intro-text p{color:var(--hc-slate-300) !important}
body.dark .bl-section-h{color:var(--hc-surface-250) !important}
body.dark .bl-section-sub{color:var(--hc-slate-300) !important}
body.dark .bl-compat-wrap{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .bl-myth{background:#241f0e !important;border-color:#4a3f1a !important}
body.dark .bl-myth p{color:#d8c9a0 !important}
body.dark .bl-disorder-note{background:#2e1714 !important;border-color:#5e2a1e !important;color:#e0b3a6 !important}
body.dark .bl-seedoc{background:#10243a !important;border-color:#1f4a6e !important}
body.dark .bl-seedoc p{color:#b8c4d4 !important}
/* diagram theme classes already handled by .dg-* overrides; composition/compatibility use literal light fills, so re-theme their boxes */
body.dark .bl-diagram .dg-box{fill:var(--hc-ink-500) !important}
body.dark .bl-diagram .dg-stroke{stroke:var(--hc-slate-500) !important}
body.dark .bl-diagram .dg-h{fill:var(--hc-surface-250) !important}

/* ===== BRAIN PAGE ===== */
body.dark .br-pillars{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important}
body.dark .br-pill{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .br-sct-h{color:var(--hc-surface-250) !important}
body.dark .br-sct-sub{color:var(--hc-slate-300) !important}
body.dark .br-disc-in{background:#1a1530 !important;border-color:#33285a !important}
body.dark .br-disc-in p{color:#b9aed4 !important}
body.dark .br-disc-in strong{color:#cdbff0 !important}
body.dark .br-brain-wrap{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .br-region-info p{color:var(--hc-surface-400) !important}
body.dark .br-nt{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .br-nt-nm{color:var(--hc-surface-250) !important}
body.dark .br-nt-what{color:var(--hc-surface-400) !important}
body.dark .br-nt-note{background:var(--hc-ink-750) !important;color:var(--hc-slate-300) !important}
body.dark .br-card{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .br-card-nm{color:var(--hc-surface-250) !important}
body.dark .br-card-hook{color:var(--hc-slate-300) !important}
body.dark .br-fcard{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .br-fcard-nm{color:var(--hc-surface-250) !important}
body.dark .br-fcard p{color:var(--hc-surface-400) !important}
body.dark .br-frontier-meta{background:#1a1530 !important;border-color:#33285a !important;color:#b9aed4 !important}
body.dark .br-frontier-meta strong{color:#cdbff0 !important}
body.dark .br-f-why{background:#0f2a1e !important;color:#7fd6a8 !important}
body.dark .br-f-caveat{background:#2a2410 !important;color:var(--hc-gold) !important}
body.dark .br-f-sources a{background:#1a1530 !important;border-color:#33285a !important;color:#b9aed4 !important}
body.dark .br-myth{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .br-myth-t{color:var(--hc-surface-400) !important}
body.dark .br-panel{background:var(--hc-ink-750) !important}
body.dark .br-p{color:var(--hc-surface-400) !important}
body.dark .br-do{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .br-do p{color:var(--hc-surface-250) !important}
body.dark .br-tips{background:#1a1530 !important;color:#cdbff0 !important}
body.dark .br-sensitive{background:#10243a !important;border-color:#1f4a6e !important;color:#b8c4d4 !important}
body.dark .br-pf button{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}

/* ===== BRAIN diagrams: dark-mode text (synapse / glymphatic SVGs) ===== */
body.dark .br-diagram .s-t,body.dark .br-diagram .g-t{fill:var(--hc-surface-250) !important}
body.dark .br-diagram .s-s,body.dark .br-diagram .g-s{fill:var(--hc-slate-300) !important}
body.dark #br-brain-svg text{fill:var(--hc-slate-300) !important}
body.dark .br-plasticity{background:linear-gradient(150deg,#0f2a1e,#10201d) !important;border-color:#1f4a3e !important}

/* ===== BRAIN conditions pillar ===== */
body.dark .br-cond-grp{color:var(--hc-surface-250) !important}
body.dark .br-disorder-note{background:#1a1530 !important;border-color:#33285a !important;color:#b9aed4 !important}
body.dark .br-seedoc{background:#10243a !important;border-color:#1f4a6e !important}
body.dark .br-seedoc p{color:#b8c4d4 !important}
body.dark .br-seedoc-emg{background:#2e1714 !important;border-color:#5e2a1e !important}
body.dark .br-seedoc-emg p{color:#e0b3a6 !important}
body.dark .br-crisis{background:#0f2a1e !important;border-color:#1f4a3e !important;color:#7fd6a8 !important}
body.dark .br-rel-pill{background:#1a1530 !important;border-color:#33285a !important;color:#b9aed4 !important}

/* ===== WATER & ELECTROLYTES PAGE ===== */
body.dark .wt-pillars{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important}
body.dark .wt-pill{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .wt-sct-h{color:var(--hc-surface-250) !important}
body.dark .wt-sct-sub{color:var(--hc-slate-300) !important}
body.dark .wt-disc-in{background:#0d2933 !important;border-color:#1a4a5a !important}
body.dark .wt-disc-in p{color:#a8d4e0 !important}
body.dark .wt-disc-in strong{color:#7fd6ec !important}
body.dark .wt-fact{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .wt-fact.sensitive{background:#2a2410 !important;border-left-color:var(--hc-warning) !important}
body.dark .wt-fact-t{color:var(--hc-surface-250) !important}
body.dark .wt-fact-b{color:var(--hc-surface-400) !important}
body.dark .wt-ecard{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .wt-ecard-nm{color:var(--hc-surface-250) !important}
body.dark .wt-ecard-tag{color:var(--hc-slate-300) !important}
body.dark .wt-myth{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .wt-myth-m{color:var(--hc-surface-250) !important}
body.dark .wt-myth-t{color:var(--hc-surface-400) !important}

/* salt debate (dark) */
body.dark .wt-salt-side,body.dark .wt-salt-block,body.dark .wt-salt-col{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .wt-salt-side-tag{color:var(--hc-slate-300) !important}
body.dark .wt-salt-list li{color:var(--hc-surface-400) !important}
body.dark .wt-salt-h3,body.dark .wt-salt-col-h{color:var(--hc-surface-250) !important}
body.dark .wt-salt-p{color:var(--hc-surface-400) !important}
body.dark .wt-salt-col-note{color:var(--hc-slate-300) !important;border-top-color:var(--hc-slate-800) !important}
body.dark .wt-salt-bottom{background:linear-gradient(135deg,#073647,#04161e) !important}
body.dark .wt-salt-src{background:var(--hc-ink-650) !important;color:var(--hc-slate-300) !important}
body.dark .wt-calc{background:var(--hc-ink-550) !important;border-color:#1a4a5a !important}
body.dark .wt-calc h3{color:var(--hc-surface-250) !important}
body.dark .wt-calc-sub{color:var(--hc-slate-300) !important}
body.dark .wt-calc-label{color:var(--hc-surface-250) !important}
body.dark .wt-calc-opt{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .wt-calc-input{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
body.dark .wt-calc-note{color:var(--hc-slate-300) !important}
body.dark .wt-panel{background:var(--hc-ink-750) !important}
body.dark .wt-p{color:var(--hc-surface-400) !important}
body.dark .wt-cau{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}
body.dark .wt-pf button{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
body.dark .wt-diagram{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .wt-diagram .p-t,body.dark .wt-diagram .w-t{fill:var(--hc-surface-250) !important}
body.dark .wt-diagram .p-s,body.dark .wt-diagram .w-s{fill:var(--hc-slate-300) !important}

/* ===== SLEEP hygiene checklist + tips (dark-mode text fixes) ===== */
body.dark .sl-hg-text{color:var(--hc-surface-400) !important}
body.dark .sl-hg-gname{color:#b9adf0 !important}
body.dark .sl-hg-box{border-color:#4a5a72 !important}
body.dark .sl-hg-tip{background:#1a1530 !important;border-left-color:#7B6BD0 !important}
body.dark .sl-hg-tip-t{color:var(--hc-surface-250) !important}
body.dark .sl-hg-tip-b{color:var(--hc-slate-300) !important}
body.dark .sl-hg-tips-h{color:var(--hc-slate-300) !important}
body.dark .sl-hg-item.on{background:#1a1530 !important;border-color:#7B6BD0 !important}

/* ===== STRESS & RESILIENCE PAGE ===== */
body.dark .st-pillars{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important}
body.dark .st-pill{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .st-sct-h{color:var(--hc-surface-250) !important}
body.dark .st-sct-sub{color:var(--hc-slate-300) !important}
body.dark .st-cat-h{color:var(--hc-surface-250) !important}
body.dark .st-disc-in{background:#0d2030 !important;border-color:#1a4060 !important}
body.dark .st-disc-in p{color:#a8c8e0 !important}
body.dark .st-disc-in strong{color:#9bd4f2 !important}
body.dark .st-fact{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .st-fact-t{color:var(--hc-surface-250) !important}
body.dark .st-fact-b{color:var(--hc-surface-400) !important}
body.dark .st-fact-links a{background:var(--hc-ink-500) !important;border-color:#2a3a55 !important;color:#9bd4f2 !important}
body.dark .st-tool{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .st-tool-nm{color:var(--hc-surface-250) !important}
body.dark .st-tool-tag{color:var(--hc-slate-300) !important}
body.dark .st-myth{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .st-myth-m{color:var(--hc-surface-250) !important}
body.dark .st-myth-t{color:var(--hc-surface-400) !important}
body.dark .st-sound{background:linear-gradient(150deg,#0a1f33,#0c2840) !important}
body.dark .st-panel{background:var(--hc-ink-750) !important}
body.dark .st-p{color:var(--hc-surface-400) !important}
body.dark .st-ev-row{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .st-cau{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}
body.dark .st-pf button{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
body.dark .st-help{background:#0f2a1e !important;border-color:#1f4a3e !important}
body.dark .st-help-h{color:#7fd6a8 !important}
body.dark .st-help p{color:#a8d4be !important}

/* ===== LONGEVITY & HEALTHSPAN PAGE ===== */
body.dark .lg-pillars{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important}
body.dark .lg-pill{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .lg-pill.on{background:var(--hc-gold) !important;color:#2a2410 !important}
body.dark .lg-sct-h{color:var(--hc-surface-250) !important}
body.dark .lg-sct-sub,body.dark .lg-map-intro{color:var(--hc-slate-300) !important}
body.dark .lg-disc-in{background:#2a2410 !important;border-color:#4a3f1a !important}
body.dark .lg-disc-in p{color:var(--hc-gold) !important}
body.dark .lg-disc-in strong{color:#e6c463 !important}
body.dark .lg-fact{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .lg-fact-t{color:var(--hc-surface-250) !important}
body.dark .lg-fact-b{color:var(--hc-surface-400) !important}
body.dark .lg-fact-links a{background:#2a2410 !important;border-color:#4a3f1a !important;color:#e6c463 !important}
body.dark .lg-lever{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .lg-lever-nm{color:var(--hc-surface-250) !important}
body.dark .lg-lever-tag{color:var(--hc-slate-300) !important}
body.dark .lg-myth{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .lg-myth-m{color:var(--hc-surface-250) !important}
body.dark .lg-myth-t{color:var(--hc-surface-400) !important}
body.dark .lg-map-shell{border-color:var(--hc-slate-800) !important}
body.dark .lg-map-legend{color:var(--hc-slate-300) !important}
body.dark .lg-chip{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .lg-panel{background:var(--hc-ink-750) !important}
body.dark .lg-p{color:var(--hc-surface-400) !important}
body.dark .lg-h{color:#e6c463 !important}
body.dark .lg-ev-row{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .lg-caveat{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}
body.dark .lg-factors li{color:var(--hc-surface-400) !important}
body.dark .lg-lifespan{background:#0f2a24 !important;border-color:#1f4a3e !important;color:#7fd6c4 !important}
body.dark .lg-pf button{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
/* ---- Deepened region panel (dark) ---- */
body.dark .lg-ph-thesis{color:rgba(255,255,255,.9) !important}
body.dark .lg-stat-big{color:#e6c463 !important}
body.dark .lg-stat-unit{color:var(--hc-surface-250) !important}
body.dark .lg-stat-note{color:var(--hc-surface-400) !important}
body.dark .lg-standout{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .lg-standout-mark{color:#e6c463 !important}
body.dark .lg-plate{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important}
body.dark .lg-plate-keyitem{color:var(--hc-surface-400) !important}
body.dark .lg-plate-hint{color:var(--hc-slate-300) !important}
body.dark .lg-plate-note{color:var(--hc-slate-300) !important}
body.dark .lg-food{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .lg-food-nm{color:var(--hc-surface-250) !important}
body.dark .lg-food-why{color:var(--hc-surface-400) !important}
body.dark .lg-food-tier{color:#e6c463 !important}
body.dark .lg-honest-lab{color:#e6c463 !important}
body.dark .lg-honest{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}
body.dark .lg-borrow{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .lg-borrow-lab{color:#e6c463 !important}
body.dark .lg-borrow-body{color:var(--hc-surface-400) !important}
body.dark .lg-sources{border-top-color:var(--hc-slate-800) !important}
body.dark .lg-sources-lab{color:var(--hc-slate-300) !important}
body.dark .lg-source{color:#e6c463 !important}

/* ===== FASTING PAGE (was missing dark-mode rules — f-prefixes: fsec/fm/fp/ftl/fx/ffoot) ===== */
/* section titles (the ghosted "Find the protocol that fits you" bug) */
body.dark .fsec-title{color:var(--hc-surface-250) !important}
body.dark .fsec-sub{color:var(--hc-slate-300) !important}
/* alt (white) section -> dark */
body.dark .fsec-alt{background:var(--hc-ink-600) !important;border-color:var(--hc-slate-800) !important}
/* quiz matcher card */
body.dark .fm{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .fm-card{border-color:var(--hc-slate-800) !important;background:var(--hc-ink-600) !important}
body.dark .fm-q{color:var(--hc-surface-250) !important}
body.dark .fm-cname{color:var(--hc-surface-250) !important}
body.dark .fm-ctag{color:var(--hc-slate-300) !important}
body.dark .fm-cmeta{color:#7d8ca0 !important}
body.dark .fm-opt{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .fm-opt.sel{background:rgba(0,180,162,.18) !important;border-color:var(--hc-teal) !important;color:#5fe0cf !important;font-weight:700}
body.dark .fm-rtitle{color:var(--hc-surface-250) !important}
body.dark .fm-disc{background:#161420 !important;border-color:#4a3f1a !important}
/* protocol library cards */
body.dark .fp-card{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .fp-name{color:var(--hc-surface-250) !important}
body.dark .fp-tag{color:var(--hc-slate-300) !important}
body.dark .fp-win{color:var(--hc-slate-300) !important;border-color:var(--hc-slate-800) !important}
body.dark .fp-short{color:#7d8ca0 !important}
/* metabolic-clock timeline cards */
body.dark .ftl-card{background:var(--hc-ink-550) !important}
body.dark .ftl-h{color:var(--hc-surface-250) !important}
body.dark .ftl-phase{color:var(--hc-surface-250) !important}
body.dark .ftl-body{color:var(--hc-slate-300) !important}
body.dark .ftl-rail{background:var(--hc-slate-800) !important}
/* detail slide-in panel */
body.dark .fx-panel{background:var(--hc-ink-600) !important}
body.dark .fx-body{background:var(--hc-ink-600) !important}
body.dark .fx-p{color:var(--hc-surface-400) !important}
body.dark .fx-h{color:var(--hc-surface-250) !important}
body.dark .fx-name{color:var(--hc-surface-250) !important}
body.dark .fx-sec{border-color:var(--hc-slate-800) !important}
body.dark .fx-ben{background:var(--hc-ink-500) !important;border-color:var(--hc-slate-800) !important}
body.dark .fx-studies{background:#161420 !important;border-color:var(--hc-slate-800) !important}
body.dark .fx-cau{background:#2a1416 !important;border-color:#5a2d30 !important}
body.dark .fx-pill{background:var(--hc-ink-500) !important;color:var(--hc-surface-400) !important}
/* fasting v1.37.0 — evidence pills, current studies, honest debates */
body.dark .fst-study{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .fst-title{color:var(--hc-surface-250) !important}
body.dark .fst-cite{color:#7d8ca0 !important}
body.dark .fst-body{color:var(--hc-surface-400) !important}
body.dark .fdeb{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .fdeb-q{color:var(--hc-surface-250) !important}
body.dark .fdeb-verdict{color:#f0b860 !important}
body.dark .fdeb-body{color:var(--hc-surface-400) !important}
body.dark .fdeb-take{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}

/* ===== GUT HEALTH & MICROBIOME PAGE ===== */
body.dark .gt-pillars{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important}
body.dark .gt-pill{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .gt-pill:hover{border-color:#16A34A !important;color:#86efac !important}
body.dark .gt-pill.on{background:#12863d !important;border-color:#12863d !important;color:#fff !important}
body.dark .gt-sct-h{color:var(--hc-surface-250) !important}
body.dark .gt-sct-sub{color:var(--hc-slate-300) !important}
body.dark .gt-disc-in{background:#0d2a1c !important;border-color:#1a4a32 !important}
body.dark .gt-disc-in p{color:#a8e0c0 !important}
body.dark .gt-disc-in strong{color:#86efac !important}
body.dark .gt-card{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .gt-card-nm{color:var(--hc-surface-250) !important}
body.dark .gt-card-tag{color:var(--hc-slate-300) !important}
body.dark .gt-lever{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .gt-lever-nm{color:var(--hc-surface-250) !important}
body.dark .gt-lever-d{color:var(--hc-surface-400) !important}
body.dark .gt-lever-how{color:var(--hc-slate-300) !important}
body.dark .gt-lever-how strong{color:#86efac !important}
body.dark .gt-ferm{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .gt-ferm-nm{color:var(--hc-surface-250) !important}
body.dark .gt-ferm-note{color:var(--hc-slate-300) !important}
body.dark .gt-ferm-tier{background:var(--hc-ink-500) !important;color:var(--hc-slate-300) !important}
body.dark .gt-ferm-tier.ok{background:#0d2a1c !important;color:#86efac !important}
body.dark .gt-callout{background:#0d2a1c !important;border-color:#1a4a32 !important;color:#a8e0c0 !important}
body.dark .gt-callout strong{color:#86efac !important}
body.dark .gt-myth{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .gt-myth-m{color:var(--hc-surface-250) !important}
body.dark .gt-myth-t{color:var(--hc-surface-400) !important}
body.dark .gt-redflags{background:#2a1410 !important;border-color:#4a2418 !important}
body.dark .gt-rf-h{color:#f0a090 !important}
body.dark .gt-rf-intro{color:#e0b0a0 !important}
body.dark .gt-rf-list li{color:#d4a898 !important}
body.dark .gt-rf-note{color:#b08a7a !important;border-color:#4a2418 !important}
body.dark .gt-panel{background:var(--hc-ink-750) !important}
body.dark .gt-p{color:var(--hc-surface-400) !important}
body.dark .gt-honest{background:#0d2a1c !important;border-color:#1a4a32 !important;color:#a8e0c0 !important}
body.dark .gt-pf button{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}

/* ===== HEART & CARDIOVASCULAR PAGE ===== */
body.dark .ht-pillars{background:var(--hc-ink-750) !important;border-color:var(--hc-slate-800) !important}
body.dark .ht-pill{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-slate-300) !important}
body.dark .ht-pill:hover{border-color:var(--hc-danger-heart) !important;color:#ff9ea1 !important}
body.dark .ht-pill.on{background:#ce4145 !important;border-color:#ce4145 !important;color:#fff !important}
body.dark .ht-sct-h{color:var(--hc-surface-250) !important}
body.dark .ht-sct-sub{color:var(--hc-slate-300) !important}
body.dark .ht-card{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ht-card-nm{color:var(--hc-surface-250) !important}
body.dark .ht-card-tag{color:var(--hc-slate-300) !important}
body.dark .ht-lever{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ht-lever-nm{color:var(--hc-surface-250) !important}
body.dark .ht-lever-d{color:var(--hc-surface-400) !important}
body.dark .ht-lever-how{color:var(--hc-slate-300) !important}
body.dark .ht-lever-how strong{color:#ff9ea1 !important}
body.dark .ht-debate{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ht-debate-q{color:var(--hc-surface-250) !important}
body.dark .ht-debate-verdict{color:#ff9ea1 !important}
body.dark .ht-debate-body{color:var(--hc-surface-400) !important}
body.dark .ht-debate-take{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}
body.dark .ht-num{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ht-num-nm{color:var(--hc-surface-250) !important}
body.dark .ht-num-note{color:var(--hc-slate-300) !important}
body.dark .ht-redflags{background:#2a1410 !important;border-color:#4a2418 !important}
body.dark .ht-rf-h{color:#f0a090 !important}
body.dark .ht-rf-intro{color:#e0b0a0 !important}
body.dark .ht-rf-list li{color:#d4a898 !important}
body.dark .ht-rf-note{color:#b08a7a !important;border-color:#4a2418 !important}
body.dark .ht-panel{background:var(--hc-ink-750) !important}
body.dark .ht-p{color:var(--hc-surface-400) !important}
body.dark .ht-honest{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}

/* ===== SLEEP GUIDE — debates + evidence pills (v2 refresh) ===== */
body.dark .sl-debate{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .sl-debate-q{color:var(--hc-surface-250) !important}
body.dark .sl-debate-verdict{color:#b3a7e8 !important}
body.dark .sl-debate-body{color:var(--hc-surface-400) !important}
body.dark .sl-debate-take{background:#2a2410 !important;border-color:#4a3f1a !important;color:var(--hc-gold) !important}

/* ===== FOOD FIRST (the brain of the site) — v1.38.0 ===== */
body.dark .ff-ask{background:transparent !important}
body.dark .ff-ask-inner{background:#0f1830 !important;border-color:var(--hc-slate-800) !important;box-shadow:0 24px 60px rgba(0,0,0,.5) !important}
body.dark .ff-step-q,body.dark .ff-goal-label,body.dark .ff-food-name,body.dark .ff-pattern-name,body.dark .ff-supp-name,body.dark .ff-supp-h,body.dark .ff-limit-h,body.dark .ff-out-title{color:var(--hc-surface-250) !important}
body.dark .ff-step-hint,body.dark .ff-goal-short,body.dark .ff-ctx-lbl,body.dark .ff-out-sub,body.dark .ff-pattern-what,body.dark .ff-supp-intro,body.dark .ff-limit-why,body.dark .ff-supp-first{color:var(--hc-slate-300) !important}
body.dark .ff-goal{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ff-goal.on{background:#172339 !important}
body.dark .ff-goal-check{border-color:#33425e !important}
body.dark .ff-pill{background:#172339 !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-400) !important}
body.dark .ff-pill.on{background:#6C5CE7 !important;border-color:#6C5CE7 !important;color:#fff !important}
body.dark .ff-out{background:linear-gradient(180deg,#0a1120,#0c1426) !important;border-color:var(--hc-slate-800) !important}
body.dark .ff-lead{color:var(--hc-surface-350) !important}
body.dark .ff-pattern{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;border-left-color:#6C5CE7 !important}
body.dark .ff-pattern-caveat{background:#241d0f !important;border-color:#473814 !important;color:var(--hc-gold) !important}
body.dark .ff-caveat-lbl{color:#d6a93f !important}
body.dark .ff-safety{color:#8090a3 !important;border-top-color:#33425e !important}
body.dark .ff-food,body.dark .ff-limit{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ff-food-why{color:#c2cedb !important}
body.dark .ff-nutr-chip{background:#1e1a3a !important;border-color:#352d63 !important;color:#b9b0f5 !important}
body.dark .ff-food-ctx{background:#0e2a28 !important;color:#bfe0db !important}
body.dark .ff-food-note{background:#241d0f !important;border-color:#473814 !important;color:var(--hc-gold) !important}
body.dark .ff-ev-detail{border-top-color:var(--hc-slate-800) !important}
body.dark .ff-evd-v{color:#c2cedb !important}
body.dark .ff-limit-chip{background:#2a1416 !important;border-color:#5a2d30 !important;color:#f0a8a0 !important}
body.dark .ff-supp-sec{background:#0f1830 !important;border-color:#33425e !important}
body.dark .ff-supp{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ff-supp-why{color:#c2cedb !important}
body.dark .ff-supp-gap{background:#172339 !important;color:var(--hc-surface-400) !important}
body.dark .ff-reviewed{color:#7d8ca0 !important}

/* Food First — medical safety gate + interaction flag (v1.41.0) */
body.dark .ff-medgate{background:linear-gradient(135deg,#2a1419,#311820) !important;border-color:#6e3344 !important}
body.dark .ff-medgate-head,body.dark .ff-medgate-see{color:#f0a8b8 !important}
body.dark .ff-medgate-body,body.dark .ff-medgate-med{color:#e2bcc6 !important}
body.dark .ff-medgate-meds{background:rgba(0,0,0,.22) !important}
body.dark .ff-medgate-see{border-top-color:#5a2d3a !important}
body.dark .ff-food-rx{background:#2a1419 !important;border-color:#5a2d3a !important;color:#e8b8c4 !important}
body.dark .ff-medical .ff-lead{color:var(--hc-surface-350) !important}
body.dark .ff-go.disabled{background:#2a3344 !important;color:#6b7688 !important}

/* ===== dark mode: meal plan / spine / grocery / library ===== */
body.dark .ff-spine{background:linear-gradient(135deg,#181433,#141a30) !important;border-color:#332a5c !important}
body.dark .ff-spine-lbl{color:#a99cf7 !important}
body.dark .ff-spine-chip{background:var(--hc-ink-550) !important;border-color:#332a5c !important;color:var(--hc-surface-250) !important}
body.dark .ff-spine-x{background:#241d4a !important;color:#b9b0f5 !important}
body.dark .ff-spine-note{color:var(--hc-slate-300) !important}
body.dark .ff-gaps{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;border-left-color:var(--hc-teal) !important}
body.dark .ff-gaps-t{color:var(--hc-surface-250) !important}
body.dark .ff-gaps-intro{color:var(--hc-slate-300) !important}
body.dark .ff-gap{border-top-color:var(--hc-slate-800) !important}
body.dark .ff-gap-nutrient{color:var(--hc-teal-light) !important}
body.dark .ff-gap-why{color:var(--hc-slate-200) !important}
body.dark .ff-gap-fix{background:#0e2a28 !important;color:#bfe0db !important}
body.dark .ff-gap-fix-lbl{color:var(--hc-teal-light) !important}
/* serious diet caution (vegan) — dark */
body.dark .ff-dietcaution{background:linear-gradient(135deg,#2a1419,#231016) !important;border-color:#5a2d3a !important;box-shadow:0 6px 24px rgba(0,0,0,.35) !important}
body.dark .ff-dietcaution-head,body.dark .ff-dietcaution-pt{color:#f0a8b8 !important}
body.dark .ff-dietcaution-body,body.dark .ff-dietcaution-pb{color:#e2bcc6 !important}
body.dark .ff-dietcaution-point{background:rgba(0,0,0,.25) !important}
body.dark .ff-dietcaution-see{color:#e8b8c4 !important;border-top-color:#5a2d3a !important}
body.dark .ff-gaps-strong{background:#231016 !important;border-left-color:#c0497b !important;border-color:#4a2230 !important}
body.dark .ff-gaps-strong .ff-gaps-t,body.dark .ff-gaps-strong .ff-gap-nutrient{color:#f0a8b8 !important}
body.dark .ff-gaps-strong .ff-gap-fix{background:#2a1419 !important;color:#e2bcc6 !important}
body.dark .ff-gaps-strong .ff-gap-fix-lbl{color:#f0a8b8 !important}
body.dark .ff-pill.ff-pill-warn{border-color:#5a2d3a !important;color:#f0a8b8 !important}
body.dark .ff-pill.ff-pill-warn.on{background:#c0497b !important;border-color:#c0497b !important;color:#fff !important}
body.dark .ff-subq{color:var(--hc-surface-250) !important}
body.dark .ff-subq-hint{color:var(--hc-slate-300) !important}
body.dark .ff-print-btn{background:var(--hc-ink-550) !important;border-color:#332a5c !important;color:#cdc4f7 !important}
body.dark .ff-print-btn:hover{background:#181433 !important;border-color:#6C5CE7 !important}
body.dark .ff-day{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;box-shadow:0 10px 30px rgba(0,0,0,.35) !important}
body.dark .ff-day-hd{border-bottom-color:var(--hc-slate-800) !important}
body.dark .ff-day-num{color:#a99cf7 !important}
body.dark .ff-meal-slot,body.dark .ff-meal-portion{color:var(--hc-slate-400) !important}
body.dark .ff-meal-name{color:var(--hc-surface-250) !important}
body.dark .ff-meal-multi{background:#241d4a !important;color:#b9b0f5 !important}
body.dark .ff-meal-hint{background:#0e2a28 !important;color:#bfe0db !important}
body.dark .ff-meal-hint-lbl{color:var(--hc-teal-light) !important}
body.dark .ff-meal-light,body.dark .ff-plan-honest{background:#241d0f !important;border-color:#473814 !important;color:var(--hc-gold) !important}
body.dark .ff-grocery-toggle,body.dark .ff-lib-toggle{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important;color:var(--hc-surface-250) !important}
body.dark .ff-grocery-toggle,body.dark .ff-lib-toggle-t{color:var(--hc-surface-250) !important}
body.dark .ff-lib-toggle-s{color:var(--hc-slate-300) !important}
body.dark .ff-grocery-car{color:#a99cf7 !important}
body.dark .ff-grocery-body{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .ff-grocery-toggle.is-open{border-bottom-color:transparent !important}
body.dark .ff-grocery-print{background:rgba(108,92,231,.2) !important;border-color:rgba(140,125,255,.4) !important;color:#c9bdff !important}
body.dark .ff-grocery-print:hover{background:rgba(108,92,231,.32) !important}
body.dark .ff-grocery-aisle-h{color:#a99cf7 !important}
body.dark .ff-grocery-item{background:var(--hc-ink-650) !important;border-color:#2a3650 !important;color:var(--hc-surface-350) !important}
body.dark .ff-grocery-item-name{color:var(--hc-surface-250) !important}
body.dark .ff-grocery-item-buy{color:var(--hc-slate-300) !important}
body.dark .ff-grocery-note{color:var(--hc-slate-300) !important}
body.dark .ff-plan-legend{background:var(--hc-ink-550) !important;border-color:#2a3650 !important}
body.dark .ff-plan-legend-lbl{color:var(--hc-slate-400) !important}
body.dark .ff-plan-legend-item{color:var(--hc-slate-200) !important}
body.dark .ff-food-exclude{background:#1a2436 !important;border-color:#2a3650 !important;color:var(--hc-slate-300) !important}
body.dark .ff-food-exclude.on{background:#0e2a28 !important;border-color:var(--hc-teal) !important;color:var(--hc-teal-light) !important}

/* ===== Helpful apps component (dark) ===== */
body.dark .hc-apps-in{background:var(--hc-ink-650) !important;border-color:var(--hc-slate-800) !important}
body.dark .hc-apps-h{color:var(--hc-surface-250) !important}
body.dark .hc-apps-sub{color:var(--hc-slate-300) !important}
body.dark .hc-app-card{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .hc-app-card:hover{border-color:#3a4a64 !important;box-shadow:0 6px 18px rgba(0,0,0,.35) !important}
body.dark .hc-app-name{color:var(--hc-surface-250) !important}
body.dark .hc-app-arrow{color:var(--hc-slate-400) !important}
body.dark .hc-app-what{color:var(--hc-slate-200) !important}
body.dark .hc-app-caveat{color:var(--hc-slate-300) !important;border-top-color:#2a3650 !important}
body.dark .hc-apps-note{color:var(--hc-slate-400) !important}

/* ===== deep-dive corner tag (dark) ===== */
body.dark .card-dd{backdrop-filter:blur(3px)}

/* ============================================================
   Contrast audit batch 2 — hero eyebrows (dark mode)
   Accent-colored small-caps pills were near-invisible on the
   dark hero (translucent same-hue tint). Strengthen the tint +
   brighten the text, keeping each page's hue (identity preserved).
   ============================================================ */
body.dark .fh-eye{background:rgba(245,159,11,.30) !important;color:#faca79 !important}
body.dark .vd-hero-eye{background:rgba(232,163,61,.30) !important;color:#f2cc94 !important}
body.dark .eg-hero-eye{background:rgba(232,162,28,.30) !important;color:#f2cc82 !important}
body.dark .lg-hero-eye{background:rgba(201,162,39,.30) !important;color:#e1cc88 !important}
body.dark .fg-hero-eye{background:rgba(39,174,96,.30) !important;color:#88d2a8 !important}
body.dark .dt-hero-eye{background:rgba(210,120,90,.30) !important;color:#e6b5a4 !important}
body.dark .mt-eye{background:rgba(0,180,162,.30) !important;color:#73d6cc !important}
body.dark .cr-hero-eye{background:rgba(0,180,162,.30) !important;color:#73d6cc !important}
body.dark .mt-hero-eye{background:rgba(194,138,58,.30) !important;color:#ddbf93 !important}
body.dark .pf-hero-eye{background:rgba(239,68,68,.30) !important;color:#f69898 !important}
body.dark .sa-hero-eye{background:rgba(232,100,60,.30) !important;color:#f2aa94 !important}
body.dark .wt-hero-eye{background:rgba(10,161,199,.30) !important;color:#78cbe0 !important}
body.dark .ji-hero-eye{background:rgba(224,83,59,.30) !important;color:#eea093 !important}
body.dark .st-hero-eye{background:rgba(45,156,219,.30) !important;color:#8cc9eb !important}
body.dark .th-hero-eye{background:rgba(31,156,138,.30) !important;color:#84c9bf !important}
body.dark .sl-hero-eye{background:rgba(123,107,208,.30) !important;color:#b6aee5 !important}
body.dark .br-hero-eye{background:rgba(123,107,208,.30) !important;color:#b6aee5 !important}
body.dark .o3-hero-eye{background:rgba(30,136,176,.30) !important;color:#83bed4 !important}
body.dark .gt-hero-eye{background:rgba(22,163,74,.30) !important;color:#7fcc9b !important}
body.dark .bl-hero-eye{background:rgba(192,57,43,.30) !important;color:#dc928a !important}
body.dark .ff-hero-eye{background:rgba(108,92,231,.30) !important;color:#aea5f2 !important}
/* section eyebrows: text-only (no pill) — brighten text only */
body.dark .dt-sec-eye{color:#e6b5a4 !important}
body.dark .sl-sec-eye{color:#b6aee5 !important}

/* ============================================================
   Contrast audit batch 3 — accent category labels (dark mode)
   Accent-colored labels/tags were too dark on the dark surface.
   Brightened each to a legible tint of its OWN hue (category
   color meaning preserved — not flattened to gray).
   ============================================================ */
body.dark .sl-cyc-tag{color:#9487cc !important}
body.dark .sl-app-type{color:#9487cc !important}
body.dark .stack-count{color:#9487cc !important}
body.dark .sl-age-hours{color:#9487cc !important}
body.dark .bl-card-cat{color:#be7678 !important}
body.dark .bl-card-go{color:#be7678 !important}
body.dark .sl-stage-pct{color:#7795c0 !important}
body.dark .dt-tag{color:#949fab !important}
body.dark .sl-tgl:not(.on){color:#949fab !important}
body.dark .pf-phase-k{color:#d67e75 !important}
body.dark .pf-phase-ic{color:#d67e75 !important}
body.dark .sl-cyc-lbl{color:#7b8998 !important}
body.dark .sl-app-desc{color:#7b8998 !important}
body.dark .br-nt-tag{color:#d67e75 !important}
body.dark .mt-role-q{color:#d67e75 !important}
body.dark .fg-cat{color:#cd61b2 !important}
body.dark .dt-trow-link{color:#cd796b !important}
body.dark .dt-basis{color:#4ca170 !important}
body.dark .card-cat{color:#a27df8 !important}
body.dark .card-cta-l{color:#a27df8 !important}
body.dark .pf-hint{color:#8997a8 !important}
body.dark .sl-result-fine{color:#8997a8 !important}
body.dark .sl-cyc-meta{color:#95a1ae !important}
body.dark .sl-ev{color:#ea6d71 !important}
body.dark .gt-card-more{color:#9589d9 !important}
body.dark .sl-study-cite{color:#9589d9 !important}
body.dark .fg-btag{color:#ec7063 !important}
/* pf-study-cite: base rule darkened for light-mode (white bg); dark mode needs a lighter red */
body.dark .pf-study-cite{color:#e08a8a !important}

/* Frontier cards (Performance guide) — were white in dark mode (no override), leaving all text on white. Darken card + lighten its text children. */
body.dark .pf-fcard{background:var(--hc-ink-550) !important;border-color:var(--hc-slate-800) !important}
body.dark .pf-fcard-title{color:var(--hc-surface-250) !important}
body.dark .pf-fcard-body,body.dark .pf-fcard-line{color:var(--hc-slate-300) !important}
body.dark .pf-fcard-caution{color:#e0a878 !important}

/* ============================================================
   Contrast audit batch 4 — white-on-colored pills/buttons
   Darkened fills so white text clears 4.5:1 (same hue). Tier-
   badge fills darkened at JS source (fasting/sleep/brain data).
   These handle the toggle .on states + solid/translucent buttons.
   ============================================================ */
/* toggle active states darkened directly in gut.html / heart.html page styles (inline wins over dark.css) */
/* solid purple "get plan" button */
.sl-hg-go{background:#6f60bb}
/* jbtn CTA buttons use rgba(255,255,255,.08) over a colored section — give a solid readable fill */
.pf-jbtn{background:rgba(0,0,0,.28) !important;border-color:rgba(255,255,255,.3) !important}
.sl-jbtn{background:rgba(0,0,0,.28) !important;border-color:rgba(255,255,255,.3) !important}
.dt-jbtn{background:rgba(0,0,0,.28) !important;border-color:rgba(255,255,255,.3) !important}

/* Performance evidence badges (.pf-ev) — had NO dark variants, kept light mint/cream pills that wash out on the dark page. Dark-toned pills + bright text per hue. */
body.dark .pf-ev-strong{color:#7fe3d4 !important;background:#0e3d37 !important;border-color:#1a5c52 !important}
body.dark .pf-ev-moderate{color:#f0c46a !important;background:#3a2e0e !important;border-color:#5c4a1a !important}
body.dark .pf-ev-emerging{color:#8fb8e8 !important;background:#12293f !important;border-color:#264a6e !important}
body.dark .pf-ev-preliminary{color:#c8d2de !important;background:#2a323e !important;border-color:#3d4757 !important}
body.dark .pf-ev-contested{color:#f0a8a8 !important;background:#3d1a1a !important;border-color:#6e2a2a !important}

/* ============================================================
   Selected-state visibility fix (dark mode)
   These selectable buttons had a body.dark base rule with
   !important that overrode their .on/.sel selected styling,
   making selection invisible in dark mode. Restore a visible
   selected state (accent fill, matching each page's identity).
   ============================================================ */
body.dark .bl-filter.on{background:#b34d50 !important;border-color:#b34d50 !important;color:#fff !important}
body.dark .bl-pill.on{background:#b34d50 !important;border-color:#b34d50 !important;color:#fff !important}
body.dark .br-pill.on{background:#6f60bb !important;border-color:#6f60bb !important;color:#fff !important}
body.dark .st-pill.on{background:#2d9cdb !important;border-color:#2d9cdb !important;color:#0a1a24 !important}
body.dark .wt-calc-opt.on{background:#0aa1c7 !important;border-color:#0aa1c7 !important;color:#04202a !important}
body.dark .wt-pill.on{background:#0aa1c7 !important;border-color:#0aa1c7 !important;color:#04202a !important}
body.dark .filter.on{color:var(--hc-teal-light) !important;font-weight:700 !important}

/* pf list/detail text that holds --hc-text-body directly with no dark override (dark-on-dark). */
body.dark .pf-pillar-list li{color:var(--hc-surface-400) !important}
body.dark .pf-debate-body{color:var(--hc-surface-400) !important}

/* ============================================================
   Contrast audit — final stragglers: deep-dive in-content link
   accents brightened per-page in each page's OWN inline style
   (body.dark override of --accent-deep/--accent-d). See the
   individual deep-dive HTML files.
   ============================================================ */

/* Final stragglers — remaining labels/badges */
body.dark .dt-note strong{color:var(--hc-surface-250) !important}
body.dark .fx-ev{color:#5fe0cf !important}
body.dark .sl-app-cost{color:var(--hc-slate-300) !important;background:var(--hc-ink-500) !important}
body.dark .ff-goal-ic{filter:brightness(1.3)}
body.dark .card-dd{color:#f0857a !important}
/* ff-go disabled state (before goals picked) — dark-mode contrast */
body.dark .ff-go.disabled{background:var(--hc-ink-500) !important;color:var(--hc-slate-300) !important}