/* Presentation only. Original clinical/controller scripts are preserved exactly. */
:root, :root[data-theme='dark'], :root[data-theme='light'] {
  color-scheme: light;
  --bg: #fff;
  --bg2: #fff;
  --ink: #000;
  --ink2: #4b4e4e;
  --ink3: #626767;
  --blue: #133b3c;
  --purple: #133b3c;
  --grad: #6ec0c2;
  --grad-soft: #edf8f8;
  --hair: #e2e7e7;
  --hair2: #edf1f1;
  --glass-bg: #fff;
  --card-bg: #fff;
  --glass-shadow: 0 2px 10px rgba(0,0,0,.06);
  --field: #fff;
}
html, body { color: var(--ink); background: var(--bg); }
body, button, input, select, textarea { font-family: 'Montserrat', sans-serif !important; }
body { font-size: 14px; line-height: 1.6; }
h1, h2, h3, h4, .brand, .ptitle, .st, .ch, .plans-head .ph { font-weight: 700; }
.blobs, #themeBtn, .welcome-overlay { display: none !important; }
body.welcome-on { overflow: auto !important; }
.topbar, .card, .prep details { backdrop-filter: none; -webkit-backdrop-filter: none; }
.topbar { background: #fff; box-shadow: none; }
.card, .prep details { background: #fff; border: 1px solid var(--hair); border-radius: 8px; box-shadow: var(--glass-shadow); }
.brand b, .kicker, .hero h1 .g, .heroR .hv,
.steps li .bignum, .limbar .lb .lbn.goaln, .brandfoot b {
  color: var(--ink);
  background: none;
  -webkit-text-fill-color: currentColor;
}
.kicker { color: #133b3c; }
.iso, .prep summary .pico { background: #6ec0c2; border-radius: 5px; box-shadow: none; }
.heroR { background: #edf8f8; border-radius: 5px; }
.ch .n, .plans-head .ph .n, .steps li::before, .recipe-out .rn,
.stp.on .stp-n, .stp.done .stp-n { color: #000; background: #6ec0c2; }
.field input, .field select, .sel, .inrow { border-radius: 5px; }
.ctx.on { background: #edf8f8; border-color: #6ec0c2; box-shadow: none; }
.cta, .copybtn { border-radius: 5px; box-shadow: none; }
.cta { color: #000; background: #6ec0c2; }
.eseg button.on { color: #000; background: #6ec0c2 !important; box-shadow: none; }
button, a, input, select, textarea { transition-duration: 200ms; }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible { outline: 3px solid #145f63; outline-offset: 3px; }
.tool-source-links { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 18px; max-width: 1080px; margin: 25px auto; padding: 20px; border-top: 1px solid var(--hair); color: #133b3c; font-size: 12px; }
.tool-source-links strong { color: #000; }
.tool-source-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
/* Existing clinical severity colors (red, amber, green) remain unchanged. */
@media (max-width: 640px) { .hero h1 { font-size: 32px; } .tool-source-links { gap: 14px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }