/* Be Wellness Wise Health Library and contact page: Design.md look (v135, 7 November 2026). Loaded last, after /bw-design.css. APPEARANCE ONLY. */

/* v144: the guide pages' grey text tokens follow Design.md text colours (the "36 guides" line was too faint) */
:root, :root[data-theme="dark"], :root[data-theme="light"]{ --gray-400:var(--d-text-2); --gray-600:var(--d-text-2); }

html body main > details{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-radius:8px !important; box-shadow:none !important; }
html body main > details :is(summary){ color:var(--d-text) !important; }
html body main > details p{ color:var(--d-text-2) !important; }
html body .redflag-box{ background:var(--d-red-tint) !important; border:1px solid var(--d-red-edge) !important; border-left:1px solid var(--d-red) !important; border-radius:8px !important; }
html body .redflag-box :is(p, li){ color:var(--d-text) !important; }
html body .redflag-box :is(h2, h3, strong){ color:var(--d-red) !important; }
html body a.cta-btn, html body .cta-box a.cta-btn{ background:var(--d-accent) !important; color:var(--d-on-accent) !important; border:1px solid var(--d-accent) !important; border-radius:6px !important; box-shadow:none !important; }
html body a.cta-btn:hover{ background:var(--d-accent-hover) !important; }
html body .tbl-wrap{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-radius:8px !important; }
html body table.num-table{ background:transparent !important; }
html body table.num-table td{ color:var(--d-text) !important; }
html body table.num-table td:last-child, html body table.num-table .num{ font-family:var(--d-mono); }