/* Cure Checker shared styles. Every disease report and the landing page use this file. Layout: masthead + date strip, then stacked sections on a single reading column (max 1080px). */
:root{
  --paper:#EEF6FC; --panel:#FFFFFF; --ink:#0F2E4A; --muted:#4E6A84; --line:#CBDDEC;
  --signal:#1C86C9; --signal-soft:#DAEDFA; --sky:#B9DDF5; --blue:#1F5F99; --blue-soft:#E1EEF8;
  --amber:#A86A0E; --amber-soft:#FBEFD9;
  --good:#23794C; --good-soft:#DFF1E6; --warn:#B5462A; --warn-soft:#F8E3DC;
  --f-display:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-body:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#0B1A28; --panel:#11263A; --ink:#E4F0FA; --muted:#93AEC6; --line:#22405A;
  --signal:#7CC4F2; --signal-soft:#143A57; --sky:#1F4D72; --blue:#8DB8EE; --blue-soft:#17314D;
  --amber:#F2B35A; --amber-soft:#3A2C14;
  --good:#63CB92; --good-soft:#15362A; --warn:#EE8A6C; --warn-soft:#3D1F18; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#0B1A28; --panel:#11263A; --ink:#E4F0FA; --muted:#93AEC6; --line:#22405A;
  --signal:#7CC4F2; --signal-soft:#143A57; --sky:#1F4D72; --blue:#8DB8EE; --blue-soft:#17314D;
  --amber:#F2B35A; --amber-soft:#3A2C14;
  --good:#63CB92; --good-soft:#15362A; --warn:#EE8A6C; --warn-soft:#3D1F18; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.55;padding-inline:16px;padding-block:0 48px}
.wrap{max-width:1080px;margin:0 auto}
a{color:var(--blue)}
a:focus-visible,button:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.1}
h2{font-size:clamp(28px,4vw,40px);font-weight:800;font-stretch:88%;letter-spacing:-.01em}
h3{font-size:20px;font-weight:700;font-stretch:95%}
p{margin:0}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mono{font-family:var(--f-mono)}

/* Masthead */
.mast{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:28px 18px;border-bottom:3px solid var(--ink)}
.brand{display:flex;align-items:center;gap:14px}
/* Stacked logo: CURE over CHECKER, the two lines together as tall as the check box */
.logo{--lg:clamp(54px,7vw,72px);display:flex;align-items:center;gap:calc(var(--lg)*.22)}
.lg-box{width:var(--lg);aspect-ratio:1;border-radius:calc(var(--lg)*.2);background:var(--signal);display:grid;place-items:center;flex:none}
.lg-box svg{width:60%;height:auto}
.lg-text{font-family:var(--f-display);font-stretch:72%;font-size:calc(var(--lg)*.6);line-height:.8;text-transform:uppercase;letter-spacing:.01em;display:flex;flex-direction:column;justify-content:space-between;height:var(--lg);padding-block:calc(var(--lg)*.035)}
.lg-1{color:var(--ink);font-weight:900}
.lg-2{color:var(--signal);font-weight:600}
.tag{font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.datebox{text-align:right;font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.datebox strong{display:block;font-family:var(--f-display);font-stretch:85%;font-size:22px;color:var(--ink);font-weight:800}
.strip{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding-block:10px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.strip .live{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.dot{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 var(--signal);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--signal) 60%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}

/* Hero headline */
.lead{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding-block:32px 8px;align-items:end}
.lead h1{font-size:clamp(34px,5.4vw,60px);font-weight:800;font-stretch:80%;letter-spacing:-.015em}
.lead h1 em{font-style:normal;color:var(--signal)}
.lead p{color:var(--muted);max-width:62ch}
.toc{display:flex;flex-wrap:wrap;gap:8px;padding-block:20px 8px}
.toc a{font-family:var(--f-mono);font-size:12.5px;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:var(--panel);padding:6px 11px;border-radius:999px}
.toc a:hover{border-color:var(--ink)}

section{padding-block:52px 8px}
.sec-head{display:grid;grid-template-columns:1fr;gap:6px 16px;align-items:baseline;margin-bottom:22px;border-top:1px solid var(--line);padding-top:22px}
.sec-head p{color:var(--muted);max-width:68ch}

/* Cause pathway */
.path{display:grid;grid-template-columns:1fr 28px 1fr 28px 1.25fr 28px 1fr;align-items:stretch;gap:0}
.stage{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.stage.key{border:2px solid var(--signal);background:var(--signal-soft)}
.stage .eyebrow{color:var(--ink)}
.stage svg{width:100%;height:auto;max-height:84px}
.stage ul{margin:0;padding-left:18px;font-size:15px}
.stage li+li{margin-top:4px}
.arrow{display:flex;align-items:center;justify-content:center;color:var(--muted)}
.arrow svg{width:22px;height:22px}
.bar{display:flex;height:14px;border-radius:7px;overflow:hidden;border:1px solid var(--line)}
.bar i{display:block}
.legend{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}
.cause-note{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cause-note div{font-size:15px;color:var(--muted);border-left:2px solid var(--line);padding-left:12px}
.cause-note b{color:var(--ink)}

/* Treatments */
.tx{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pill{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:4px;white-space:nowrap;font-weight:500}
.p-good{background:var(--good-soft);color:var(--good)}
.p-blue{background:var(--blue-soft);color:var(--blue)}
.p-sig{background:var(--amber-soft);color:var(--amber)}
.p-warn{background:var(--warn-soft);color:var(--warn)}
.card .who{font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.card p{font-size:15.5px}
.subhead{font-family:var(--f-display);font-stretch:90%;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:30px 0 12px}
.approved{width:100%;border-collapse:collapse;font-size:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.approved th,.approved td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.approved th{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.approved tr:last-child td{border-bottom:0}
.scroll{overflow-x:auto}

/* Verdict */
.verdict{background:var(--signal-soft);color:var(--ink);border:1px solid var(--sky);border-radius:14px;padding:clamp(22px,4vw,40px);display:grid;grid-template-columns:1fr 1.3fr;gap:32px}
.verdict .eyebrow{color:var(--signal)}
.verdict h2{color:var(--ink);margin-top:8px}
.verdict .big{font-family:var(--f-display);font-stretch:85%;font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.25;margin-top:16px}
.verdict ol{margin:0;padding-left:0;list-style:none;display:grid;gap:14px;counter-reset:v}
.verdict li{position:relative;padding-left:44px;counter-increment:v;min-height:28px}
.verdict li::before{position:absolute;left:0;top:0;content:counter(v);font-family:var(--f-mono);font-size:13px;border:1px solid var(--signal);color:var(--signal);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.verdict li b{display:block;font-family:var(--f-display);font-stretch:95%;font-size:17px}
.verdict li span{color:var(--muted);font-size:15.5px}
.verdict .fine{grid-column:1/-1;font-size:13.5px;color:var(--muted);border-top:1px solid var(--sky);padding-top:14px}

/* Supplements */
.supp{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.supp h3{margin-bottom:12px}
.row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding-block:12px;border-bottom:1px solid var(--line)}
.row:first-of-type{border-top:1px solid var(--line)}
.row b{font-size:16px}
.row p{grid-column:1/-1;font-size:15px;color:var(--muted)}
.grade{display:inline-flex;gap:3px;align-items:center}
.grade i{width:9px;height:9px;border-radius:2px;background:var(--line)}
.grade i.on{background:var(--good)}
.grade.low i.on{background:var(--amber)}
.grade.none i.on{background:var(--warn)}
.gkey{display:flex;flex-wrap:wrap;gap:16px;font-family:var(--f-mono);font-size:12px;color:var(--muted);margin-bottom:16px}
.gkey span{display:inline-flex;align-items:center;gap:6px}
.caution{margin-top:22px;background:var(--warn-soft);border-radius:10px;padding:14px 16px;font-size:15px}
.caution b{color:var(--warn)}

/* Studies */
.studies{display:grid;gap:0;border-top:2px solid var(--ink)}
.study{display:grid;grid-template-columns:110px 1fr 120px;gap:6px 20px;padding-block:16px;border-bottom:1px solid var(--line);align-items:start}
.study time{font-family:var(--f-mono);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.study h3{font-size:18px}
.study p{font-size:15.5px;margin-top:4px;color:var(--ink)}
.study .src{font-size:13px;margin-top:4px}
.study .pill{justify-self:end}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.filters button{font-family:var(--f-mono);font-size:12.5px;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:6px 12px;border-radius:999px;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* Around the world */
.world th:first-child,.world td:first-child{position:sticky;left:0;background:var(--panel);z-index:1}
.world td{white-space:nowrap}
.world td:first-child{white-space:normal;min-width:170px}
.world td small{display:block;font-size:12.5px;color:var(--muted);white-space:normal}
.c{display:inline-block;font-family:var(--f-mono);font-size:12px;padding:2px 7px;border-radius:4px}
.c-yes{background:var(--good-soft);color:var(--good)}
.c-off{background:var(--warn-soft);color:var(--warn)}
.c-mid{background:var(--amber-soft);color:var(--amber)}
.c-no{color:var(--muted)}
.wkey{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted);margin-top:10px}
.abroad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);display:grid;gap:12px}
.timeline li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding-left:14px;position:relative;font-size:15.5px}
.timeline li::before{content:"";position:absolute;left:-6px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--signal)}
.timeline time{font-family:var(--f-mono);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.live-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:28px}
.cbars{display:grid;gap:6px}
.cbar{display:grid;grid-template-columns:120px 1fr 32px;gap:10px;align-items:center;font-size:14px}
.cbar span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbar i{display:block;height:12px;border-radius:3px;background:var(--signal)}
.cbar.us i{background:var(--muted)}
.cbar b{font-family:var(--f-mono);font-size:13px;font-weight:500;text-align:right}
.trials{display:grid;border-top:2px solid var(--ink)}
.trial{padding-block:10px;border-bottom:1px solid var(--line);font-size:15px}
.trial .who{font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.more{margin-top:12px;font-family:var(--f-mono);font-size:12.5px;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:6px 12px;border-radius:999px;cursor:pointer}
.status-note{font-size:14px;color:var(--muted)}

footer{margin-top:56px;padding-top:18px;border-top:3px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:14px;color:var(--muted)}
footer b{color:var(--ink)}

@media (max-width:900px){
  .path{grid-template-columns:1fr}
  .arrow{height:30px}
  .arrow svg{transform:rotate(90deg)}
  .lead,.verdict,.supp,footer,.live-grid{grid-template-columns:1fr}
  .cause-note,.abroad{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .tx{grid-template-columns:1fr}
  .study{grid-template-columns:1fr}
  .study .pill{justify-self:start;grid-row:1}
  .datebox{text-align:left}
  .logo{--lg:50px}
}

/* Disease navigation bar (top of every report) */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-block:12px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:13px}
.crumbs a{color:var(--ink);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs label{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
select[data-disease-picker]{font:inherit;font-family:var(--f-body);font-size:15px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 10px;max-width:100%}
select[data-disease-picker]:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.mast a.logo{text-decoration:none}

/* Landing page */
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding-block:36px 10px;align-items:end}
.hero h1{font-size:clamp(34px,5.4vw,60px);font-weight:800;font-stretch:80%;letter-spacing:-.015em}
.hero h1 em{font-style:normal;color:var(--signal)}
.hero p{color:var(--muted);max-width:60ch}
.finder{margin-top:28px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center}
.finder label{font-family:var(--f-display);font-stretch:90%;font-weight:700;font-size:18px}
.finder select{width:100%;font-size:17px;padding:11px 12px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none;min-height:190px;transition:border-color .15s,transform .15s}
.tile:hover{border-color:var(--signal);transform:translateY(-2px)}
.tile:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.tile .eyebrow{color:var(--signal)}
.tile h3{font-size:24px;font-weight:800;font-stretch:88%}
.tile p{font-size:15.5px;color:var(--muted)}
.tile-foot{margin-top:auto;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.tile-foot span:last-child{color:var(--signal);font-size:18px;line-height:1}
.howto{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.howto div{font-size:15px;color:var(--muted);border-left:2px solid var(--line);padding-left:12px}
.howto b{color:var(--ink);display:block}
@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}
@media (max-width:900px){.hero,.howto{grid-template-columns:1fr}}
@media (max-width:640px){.finder{grid-template-columns:1fr}}
/* Disease color palettes.
   The landing page keeps the default light-blue tokens above. Each disease report sets
   <body data-palette="..."> and its landing tile gets the same palette, so every disease has its own look.
   To add a palette, copy one block (light + both dark variants) and change the values. */
[data-palette="violet"]{
  --paper:#F4F1FB; --panel:#FFFFFF; --ink:#2A1F4A; --muted:#645A82; --line:#DCD3EE;
  --signal:#6D4BC3; --signal-soft:#EAE3F8; --sky:#CFC1F0; --blue:#5A3FA8; --blue-soft:#ECE6F8}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="violet"]{
  --paper:#15102A; --panel:#1E1838; --ink:#EEEAFB; --muted:#ABA2CA; --line:#352C58;
  --signal:#B39CF0; --signal-soft:#2D2452; --sky:#4A3C80; --blue:#C2B2F2; --blue-soft:#2A2248}}
:root[data-theme="dark"] [data-palette="violet"]{
  --paper:#15102A; --panel:#1E1838; --ink:#EEEAFB; --muted:#ABA2CA; --line:#352C58;
  --signal:#B39CF0; --signal-soft:#2D2452; --sky:#4A3C80; --blue:#C2B2F2; --blue-soft:#2A2248}

[data-palette="gold"]{
  --paper:#FBF6EA; --panel:#FFFFFF; --ink:#3A2A0E; --muted:#76623C; --line:#EADDBF;
  --signal:#9E6512; --signal-soft:#F8ECCF; --sky:#EFD9A6; --blue:#85570F; --blue-soft:#F6EBD3}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="gold"]{
  --paper:#1C160B; --panel:#282012; --ink:#F8F0DE; --muted:#C5B48E; --line:#45391F;
  --signal:#F0BF5A; --signal-soft:#3D3018; --sky:#6A5427; --blue:#F2C878; --blue-soft:#352A15}}
:root[data-theme="dark"] [data-palette="gold"]{
  --paper:#1C160B; --panel:#282012; --ink:#F8F0DE; --muted:#C5B48E; --line:#45391F;
  --signal:#F0BF5A; --signal-soft:#3D3018; --sky:#6A5427; --blue:#F2C878; --blue-soft:#352A15}

/* Landing tiles preview each disease's color */
.tile[data-palette]{border-top:5px solid var(--signal)}
/* Sources (bottom of every report) */
.sources{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 36px}
.sources .subhead{margin-top:18px}
.srclist{margin:0;padding-left:22px;font-size:14.5px;color:var(--muted)}
.srclist li{margin-bottom:7px;padding-left:2px}
.srclist li::marker{font-family:var(--f-mono);font-size:12px}
.srclist a{color:var(--ink);text-decoration-color:var(--line);text-underline-offset:2px}
.srclist a:hover{text-decoration-color:var(--signal)}
.src-note{margin-top:18px;font-size:13.5px;color:var(--muted)}
@media (max-width:760px){.sources{grid-template-columns:1fr}}
/* More disease palettes: teal (Parkinson's) and plum (Alzheimer's, purple ribbon) */
[data-palette="teal"]{
  --paper:#EEF7F5; --panel:#FFFFFF; --ink:#0E3330; --muted:#4C6B67; --line:#C7E0DB;
  --signal:#13786C; --signal-soft:#DCF0EC; --sky:#B3DDD5; --blue:#0F5F56; --blue-soft:#E0F0ED}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="teal"]{
  --paper:#0A1C1A; --panel:#102925; --ink:#E2F4F1; --muted:#92B8B2; --line:#1F423D;
  --signal:#5CCFBE; --signal-soft:#12403A; --sky:#1F5A52; --blue:#7FD8CA; --blue-soft:#143631}}
:root[data-theme="dark"] [data-palette="teal"]{
  --paper:#0A1C1A; --panel:#102925; --ink:#E2F4F1; --muted:#92B8B2; --line:#1F423D;
  --signal:#5CCFBE; --signal-soft:#12403A; --sky:#1F5A52; --blue:#7FD8CA; --blue-soft:#143631}

[data-palette="plum"]{
  --paper:#F8F0F6; --panel:#FFFFFF; --ink:#3A1236; --muted:#74586F; --line:#E8D2E3;
  --signal:#8E2C83; --signal-soft:#F4E0EF; --sky:#E4BFDB; --blue:#74246B; --blue-soft:#F2E3EE}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="plum"]{
  --paper:#1D0C1A; --panel:#2A1426; --ink:#F7E8F3; --muted:#C7A6BE; --line:#48273F;
  --signal:#E28AD3; --signal-soft:#45203E; --sky:#6A3460; --blue:#EBA6DF; --blue-soft:#3A1B34}}
:root[data-theme="dark"] [data-palette="plum"]{
  --paper:#1D0C1A; --panel:#2A1426; --ink:#F7E8F3; --muted:#C7A6BE; --line:#48273F;
  --signal:#E28AD3; --signal-soft:#45203E; --sky:#6A3460; --blue:#EBA6DF; --blue-soft:#3A1B34}

/* Footer links (Terms of Use on every page) */
.foot-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--f-mono);font-size:12.5px}
.foot-links a{color:var(--ink)}

/* Terms of Use page */
.legal{max-width:760px;padding-block:36px 10px}
.legal h1{font-size:clamp(34px,5vw,52px);font-weight:800;font-stretch:82%;letter-spacing:-.015em}
.legal .meta{font-family:var(--f-mono);font-size:12.5px;color:var(--muted);margin-top:10px}
.legal .summary{margin-top:24px;background:var(--signal-soft);border:1px solid var(--sky);border-radius:12px;padding:18px 20px;font-size:17px}
.legal h2{font-size:24px;font-weight:800;font-stretch:90%;margin:34px 0 10px}
.legal p,.legal li{color:var(--ink);font-size:16.5px}
.legal p+p{margin-top:12px}
.legal ul{margin:10px 0 0;padding-left:22px}
.legal li+li{margin-top:6px}
/* More disease palettes: orange (multiple sclerosis ribbon) and rose (cystic fibrosis, "65 Roses") */
[data-palette="orange"]{
  --paper:#FCF3EC; --panel:#FFFFFF; --ink:#3B1E0C; --muted:#7A5B44; --line:#F0D9C6;
  --signal:#B4530F; --signal-soft:#FBE6D5; --sky:#F3C9A6; --blue:#8F400B; --blue-soft:#F8E9DC}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="orange"]{
  --paper:#1D120A; --panel:#2A1A0F; --ink:#FBEEE4; --muted:#CDAE96; --line:#4A3020;
  --signal:#F59E5B; --signal-soft:#452A16; --sky:#6E4426; --blue:#F7B27C; --blue-soft:#3A2414}}
:root[data-theme="dark"] [data-palette="orange"]{
  --paper:#1D120A; --panel:#2A1A0F; --ink:#FBEEE4; --muted:#CDAE96; --line:#4A3020;
  --signal:#F59E5B; --signal-soft:#452A16; --sky:#6E4426; --blue:#F7B27C; --blue-soft:#3A2414}

[data-palette="rose"]{
  --paper:#FBF0F3; --panel:#FFFFFF; --ink:#3D1220; --muted:#7A5662; --line:#EFD3DC;
  --signal:#B1365F; --signal-soft:#F9E1E9; --sky:#F0BDCD; --blue:#8E2A4C; --blue-soft:#F6E4EA}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="rose"]{
  --paper:#1E0C12; --panel:#2C141C; --ink:#FBE9EF; --muted:#CFA5B3; --line:#4D2533;
  --signal:#F28BAE; --signal-soft:#48202E; --sky:#703448; --blue:#F5A6C1; --blue-soft:#3B1A26}}
:root[data-theme="dark"] [data-palette="rose"]{
  --paper:#1E0C12; --panel:#2C141C; --ink:#FBE9EF; --muted:#CFA5B3; --line:#4D2533;
  --signal:#F28BAE; --signal-soft:#48202E; --sky:#703448; --blue:#F5A6C1; --blue-soft:#3B1A26}
/* Every registry, checked (live registry and database panel on each report) */
.reg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.reg-stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.reg-stat b{font-family:var(--f-display);font-stretch:85%;font-size:30px;font-weight:800;line-height:1;color:var(--signal);font-variant-numeric:tabular-nums}
.reg-stat span{font-size:13.5px;color:var(--ink);line-height:1.3}
.reg-stat small{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.04em}
.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.reg-panel h3{font-size:18px}
.reg-panel .reg-src{display:block;font-family:var(--f-mono);font-size:11.5px;color:var(--muted);margin:2px 0 10px;letter-spacing:.04em}
.reg-panel .trials{min-height:40px}
.reg-links{display:flex;flex-wrap:wrap;gap:8px}
.reg-links a{font-family:var(--f-mono);font-size:12.5px;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:var(--panel);padding:7px 12px;border-radius:999px}
.reg-links a:hover{border-color:var(--signal)}
.reg-note{margin-top:14px;font-size:13.5px;color:var(--muted)}
@media (max-width:760px){.reg-grid{grid-template-columns:1fr}}
/* Donations (landing page) */
.donate{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,30px);display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}
.donate h2{font-size:clamp(26px,3.4vw,34px)}
.donate p{color:var(--muted);margin-top:10px;max-width:52ch}
.donate .fine{font-size:13px;margin-top:12px}
.donate-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.donate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:12px;border-radius:12px;text-decoration:none;color:#fff;text-align:center;transition:transform .15s,filter .15s}
.donate-btn b{font-family:var(--f-display);font-stretch:90%;font-size:21px;font-weight:800}
.donate-btn small{font-family:var(--f-mono);font-size:12px;opacity:.92;word-break:break-all}
.donate-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.donate-btn:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.donate-venmo{background:#0074DE}
.donate-cashapp{background:#00A93A}
.donate-paypal{background:#003087}
.donate-btn.is-off{background:var(--blue-soft);color:var(--muted);cursor:default}
.donate-btn.is-off:hover{transform:none;filter:none}
@media (prefers-reduced-motion:reduce){.donate-btn{transition:none}.donate-btn:hover{transform:none}}
@media (max-width:760px){.donate{grid-template-columns:1fr}}
@media (max-width:420px){.donate-buttons{grid-template-columns:1fr}}
/* Support groups & communities (each report) */
.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.group{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.group .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.group h3{font-size:17px}
.group .who{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.group p{font-size:15px}
.group .join{margin-top:auto;align-self:flex-start;font-family:var(--f-mono);font-size:12.5px;text-decoration:none;color:var(--paper);background:var(--signal);padding:7px 12px;border-radius:999px}
.group .join:hover{filter:brightness(1.08)}
.group .join:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
@media (max-width:900px){.groups{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.groups{grid-template-columns:1fr}}
/* Slim donation bar (top of every disease page) */
.donate-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 10px;padding:6px 0;margin:0 -16px;padding-inline:16px;background:var(--signal-soft);border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:11.5px;color:var(--muted);letter-spacing:.02em;min-height:28px}
.donate-bar .db-links{display:inline-flex;align-items:center;gap:6px}
.donate-bar .db-link{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--sky);text-underline-offset:3px}
.donate-bar a.db-link:hover{text-decoration-color:var(--signal)}
.donate-bar .db-link.is-off{color:var(--muted);text-decoration:none;opacity:.75;cursor:default}
.donate-bar .db-sep{opacity:.6}
@media (max-width:480px){.donate-bar .db-text{display:none}.donate-bar::before{content:"Donate:"}}
/* More disease palettes: indigo (Huntington's, blue/purple), slate (glioblastoma, grey brain-cancer ribbon), forest (CJD) */
[data-palette="indigo"]{--paper:#F1F2FB; --panel:#FFFFFF; --ink:#1B2150; --muted:#585E86; --line:#D6D9F0; --signal:#3A4AB0; --signal-soft:#E3E6F8; --sky:#C2C8EE; --blue:#2E3B93; --blue-soft:#E6E9F7}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="indigo"]{--paper:#0E1129; --panel:#161A38; --ink:#E9EBFB; --muted:#A3A8CF; --line:#2B3160; --signal:#9AA6F2; --signal-soft:#232A5A; --sky:#39417E; --blue:#AEB8F5; --blue-soft:#1E2450}}
:root[data-theme="dark"] [data-palette="indigo"]{--paper:#0E1129; --panel:#161A38; --ink:#E9EBFB; --muted:#A3A8CF; --line:#2B3160; --signal:#9AA6F2; --signal-soft:#232A5A; --sky:#39417E; --blue:#AEB8F5; --blue-soft:#1E2450}
[data-palette="slate"]{--paper:#F2F4F6; --panel:#FFFFFF; --ink:#1E2731; --muted:#5B6672; --line:#D5DBE1; --signal:#4A5A6E; --signal-soft:#E4E8ED; --sky:#C5CDD6; --blue:#3B4858; --blue-soft:#E7EBEF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="slate"]{--paper:#101418; --panel:#192027; --ink:#E8EDF2; --muted:#A3AEBA; --line:#2E3842; --signal:#A9B8C9; --signal-soft:#26303A; --sky:#3E4B58; --blue:#BCC8D6; --blue-soft:#202932}}
:root[data-theme="dark"] [data-palette="slate"]{--paper:#101418; --panel:#192027; --ink:#E8EDF2; --muted:#A3AEBA; --line:#2E3842; --signal:#A9B8C9; --signal-soft:#26303A; --sky:#3E4B58; --blue:#BCC8D6; --blue-soft:#202932}
[data-palette="forest"]{--paper:#EFF6F1; --panel:#FFFFFF; --ink:#13301F; --muted:#4F6B59; --line:#CCE2D3; --signal:#2E7D4F; --signal-soft:#DCEFE3; --sky:#B6DCC3; --blue:#226240; --blue-soft:#E1F0E6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="forest"]{--paper:#0B1A11; --panel:#11261A; --ink:#E3F3E8; --muted:#97BBA3; --line:#20402C; --signal:#6FCF97; --signal-soft:#163A25; --sky:#245A39; --blue:#8ADBAA; --blue-soft:#14301F}}
:root[data-theme="dark"] [data-palette="forest"]{--paper:#0B1A11; --panel:#11261A; --ink:#E3F3E8; --muted:#97BBA3; --line:#20402C; --signal:#6FCF97; --signal-soft:#163A25; --sky:#245A39; --blue:#8ADBAA; --blue-soft:#14301F}

/* More disease palettes: olive (FOP), cyan (COPD) */
[data-palette="olive"]{--paper:#F5F6EC; --panel:#FFFFFF; --ink:#262B0C; --muted:#646A45; --line:#DEE2C6; --signal:#5E6A12; --signal-soft:#ECEFD6; --sky:#D3D9A9; --blue:#4A540D; --blue-soft:#EEF0DC}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="olive"]{--paper:#15170A; --panel:#1F2310; --ink:#F0F2E1; --muted:#B5BB92; --line:#383D1E; --signal:#C4D45A; --signal-soft:#2F3515; --sky:#4F5823; --blue:#D2DF7C; --blue-soft:#272C12}}
:root[data-theme="dark"] [data-palette="olive"]{--paper:#15170A; --panel:#1F2310; --ink:#F0F2E1; --muted:#B5BB92; --line:#383D1E; --signal:#C4D45A; --signal-soft:#2F3515; --sky:#4F5823; --blue:#D2DF7C; --blue-soft:#272C12}
[data-palette="cyan"]{--paper:#ECF6F9; --panel:#FFFFFF; --ink:#0B2C38; --muted:#4A6873; --line:#C4DFE8; --signal:#0F6E8A; --signal-soft:#D9EEF4; --sky:#AFD7E4; --blue:#0B5A71; --blue-soft:#DDEFF5}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="cyan"]{--paper:#08181E; --panel:#0E242C; --ink:#E2F3F8; --muted:#90B4C0; --line:#1D3F4B; --signal:#5CC6E6; --signal-soft:#123845; --sky:#1F5566; --blue:#80D3EC; --blue-soft:#11303B}}
:root[data-theme="dark"] [data-palette="cyan"]{--paper:#08181E; --panel:#0E242C; --ink:#E2F3F8; --muted:#90B4C0; --line:#1D3F4B; --signal:#5CC6E6; --signal-soft:#123845; --sky:#1F5566; --blue:#80D3EC; --blue-soft:#11303B}

/* Keep the top 'Switch disease' drop-down inside the page margins (long disease names) */
.crumbs label{max-width:100%;min-width:0}
.crumbs select{max-width:min(260px,58vw);text-overflow:ellipsis}

/* On phones the cause pathway stacks in one column, so let its diagrams grow for legibility */
@media (max-width:900px){.stage svg{max-height:150px}}

/* More disease palettes: coral (Batten), sage (Tay-Sachs), lime (PKU), crimson (Marfan, red ribbon), umber (EDS), navy (Prader-Willi) */
[data-palette="coral"]{--paper:#FCF1EE; --panel:#FFFFFF; --ink:#3D1710; --muted:#7B5A52; --line:#F0D6CF; --signal:#C0452B; --signal-soft:#FBE3DC; --sky:#F2BFB2; --blue:#9B3620; --blue-soft:#FAE6E0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="coral"]{--paper:#1F0E0A; --panel:#2D1712; --ink:#FBEAE6; --muted:#CFA79D; --line:#4D2B24; --signal:#F08A70; --signal-soft:#482219; --sky:#773B2D; --blue:#F4A590; --blue-soft:#3A1C15}}
:root[data-theme="dark"] [data-palette="coral"]{--paper:#1F0E0A; --panel:#2D1712; --ink:#FBEAE6; --muted:#CFA79D; --line:#4D2B24; --signal:#F08A70; --signal-soft:#482219; --sky:#773B2D; --blue:#F4A590; --blue-soft:#3A1C15}
[data-palette="sage"]{--paper:#F1F5F0; --panel:#FFFFFF; --ink:#1C2A1C; --muted:#596B59; --line:#D3E0D2; --signal:#4F7550; --signal-soft:#E1ECE0; --sky:#BCD3BB; --blue:#3E5E3F; --blue-soft:#E5EFE4}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="sage"]{--paper:#0F1710; --panel:#172318; --ink:#E6F0E5; --muted:#A4B9A3; --line:#2B402C; --signal:#9DCB9E; --signal-soft:#1E3320; --sky:#3E5F40; --blue:#B3DAB4; --blue-soft:#1A2C1B}}
:root[data-theme="dark"] [data-palette="sage"]{--paper:#0F1710; --panel:#172318; --ink:#E6F0E5; --muted:#A4B9A3; --line:#2B402C; --signal:#9DCB9E; --signal-soft:#1E3320; --sky:#3E5F40; --blue:#B3DAB4; --blue-soft:#1A2C1B}
[data-palette="lime"]{--paper:#F3F8E9; --panel:#FFFFFF; --ink:#1E2E08; --muted:#5B6E3D; --line:#D8E6BE; --signal:#4A7C0F; --signal-soft:#E4F0CC; --sky:#C3DF97; --blue:#3B6409; --blue-soft:#E8F2D6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="lime"]{--paper:#11190A; --panel:#1A260F; --ink:#EDF5DD; --muted:#AFC48A; --line:#33481E; --signal:#A6DB5A; --signal-soft:#263A14; --sky:#476B24; --blue:#BDE87F; --blue-soft:#1F3112}}
:root[data-theme="dark"] [data-palette="lime"]{--paper:#11190A; --panel:#1A260F; --ink:#EDF5DD; --muted:#AFC48A; --line:#33481E; --signal:#A6DB5A; --signal-soft:#263A14; --sky:#476B24; --blue:#BDE87F; --blue-soft:#1F3112}
[data-palette="crimson"]{--paper:#FBEFF0; --panel:#FFFFFF; --ink:#3A0D14; --muted:#7A5359; --line:#F0D3D6; --signal:#A8182B; --signal-soft:#F8DFE2; --sky:#EBB4BA; --blue:#86121F; --blue-soft:#F6E1E4}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="crimson"]{--paper:#1F0A0D; --panel:#2C1317; --ink:#FBE8EA; --muted:#CFA3A9; --line:#4C262B; --signal:#F28B98; --signal-soft:#46181F; --sky:#77343D; --blue:#F5A6B0; --blue-soft:#3A1A1E}}
:root[data-theme="dark"] [data-palette="crimson"]{--paper:#1F0A0D; --panel:#2C1317; --ink:#FBE8EA; --muted:#CFA3A9; --line:#4C262B; --signal:#F28B98; --signal-soft:#46181F; --sky:#77343D; --blue:#F5A6B0; --blue-soft:#3A1A1E}
[data-palette="umber"]{--paper:#F6F1EB; --panel:#FFFFFF; --ink:#2B1B0E; --muted:#6E5A47; --line:#E3D6C7; --signal:#7A4A22; --signal-soft:#EDE1D3; --sky:#D6BFA6; --blue:#603A19; --blue-soft:#EFE5D9}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="umber"]{--paper:#17110A; --panel:#221A11; --ink:#F4ECE2; --muted:#BCA992; --line:#3F3223; --signal:#D9A86F; --signal-soft:#34281A; --sky:#6A4D2E; --blue:#E5BE8C; --blue-soft:#2C2115}}
:root[data-theme="dark"] [data-palette="umber"]{--paper:#17110A; --panel:#221A11; --ink:#F4ECE2; --muted:#BCA992; --line:#3F3223; --signal:#D9A86F; --signal-soft:#34281A; --sky:#6A4D2E; --blue:#E5BE8C; --blue-soft:#2C2115}
[data-palette="navy"]{--paper:#EEF1F8; --panel:#FFFFFF; --ink:#0F1B3D; --muted:#55608A; --line:#CDD5EA; --signal:#2A4A9E; --signal-soft:#E0E7F6; --sky:#BAC8E8; --blue:#1F3A82; --blue-soft:#E4EAF7}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="navy"]{--paper:#0B1022; --panel:#131B38; --ink:#E8ECFA; --muted:#9AA6D0; --line:#28345E; --signal:#8FA8F0; --signal-soft:#1C2750; --sky:#34447F; --blue:#A9BCF5; --blue-soft:#19214A}}
:root[data-theme="dark"] [data-palette="navy"]{--paper:#0B1022; --panel:#131B38; --ink:#E8ECFA; --muted:#9AA6D0; --line:#28345E; --signal:#8FA8F0; --signal-soft:#1C2750; --sky:#34447F; --blue:#A9BCF5; --blue-soft:#19214A}

/* Newsletter sign-up (assets/newsletter.js) */
.newsletter{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,30px);margin:40px 0 28px;display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center}
.newsletter h2{font-size:clamp(24px,3vw,30px)}
.newsletter p{color:var(--muted);margin-top:8px;max-width:48ch}
.nl-form{display:grid;gap:8px;min-width:0}
.nl-form label{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.nl-form select,.nl-form input[type=email]{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:inherit}
.nl-form button{font:inherit;font-weight:700;padding:12px 16px;border:0;border-radius:10px;background:var(--signal);color:var(--paper);cursor:pointer;margin-top:4px}
.nl-form button:disabled,.nl-form select:disabled,.nl-form input:disabled{opacity:.55;cursor:not-allowed}
.nl-form small{color:var(--muted);font-size:12px;line-height:1.4}
.nl-form select:focus-visible,.nl-form input:focus-visible,.nl-form button:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
@media (max-width:720px){.newsletter{grid-template-columns:1fr}}

/* Landing page mission paragraph */
.hero .mission{font-size:1.12em;color:var(--ink);max-width:62ch}

/* Expert care centers list (under Treatments) */
.centers{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.centers li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.centers b{font-family:var(--f-display);font-size:1.05em}
.centers .loc{display:block;font-family:var(--f-mono);font-size:12px;color:var(--muted);margin:2px 0 6px}
.centers p{margin:0 0 8px;color:inherit}
.centers .src{font-size:13px}
.centers-note{margin-top:12px}

/* Contact form (assets/contact.js) */
.contact-form{display:grid;gap:8px;max-width:560px;margin-top:10px}
.contact-form label{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.contact-form select,.contact-form input[type=email],.contact-form textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:inherit}
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form button{font:inherit;font-weight:700;padding:12px 16px;border:0;border-radius:10px;background:var(--signal);color:var(--paper);cursor:pointer;margin-top:4px}
.contact-form button:disabled,.contact-form select:disabled,.contact-form input:disabled,.contact-form textarea:disabled{opacity:.55;cursor:not-allowed}
.contact-form small,.contact-form .ct-status{color:var(--muted);font-size:13px;line-height:1.4;margin:0}
.contact-form select:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:3px solid var(--signal);outline-offset:2px}

/* Palettes added Oct 2026: brick = Duchenne, mint = type 1 diabetes, lavender = pancreatic cancer, bronze = FTD, magenta = lupus */
[data-palette="brick"]{--paper:#F9F0EE; --panel:#FFFFFF; --ink:#2E1210; --muted:#75504A; --line:#EBD4CF; --signal:#943A2B; --signal-soft:#F3E0DC; --sky:#E2B9B0; --blue:#7A2B1F; --blue-soft:#F5E6E2}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="brick"]{--paper:#1B0D0B; --panel:#261512; --ink:#F8E9E6; --muted:#C9A39C; --line:#47271F; --signal:#E27474; --signal-soft:#3A1C17; --sky:#7A3A2E; --blue:#F0A0A0; --blue-soft:#2E1612}}
:root[data-theme="dark"] [data-palette="brick"]{--paper:#1B0D0B; --panel:#261512; --ink:#F8E9E6; --muted:#C9A39C; --line:#47271F; --signal:#E27474; --signal-soft:#3A1C17; --sky:#7A3A2E; --blue:#F0A0A0; --blue-soft:#2E1612}
[data-palette="mint"]{--paper:#ECF8F2; --panel:#FFFFFF; --ink:#0B261B; --muted:#4A6A5C; --line:#CBE6D8; --signal:#0B7A5B; --signal-soft:#D8F1E5; --sky:#A6DDC4; --blue:#09634A; --blue-soft:#E0F4EA}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="mint"]{--paper:#071A13; --panel:#0E261D; --ink:#E3F8EE; --muted:#92C0AC; --line:#1E4334; --signal:#4FE3A6; --signal-soft:#113629; --sky:#2A6B52; --blue:#86EDC2; --blue-soft:#0E2E22}}
:root[data-theme="dark"] [data-palette="mint"]{--paper:#071A13; --panel:#0E261D; --ink:#E3F8EE; --muted:#92C0AC; --line:#1E4334; --signal:#4FE3A6; --signal-soft:#113629; --sky:#2A6B52; --blue:#86EDC2; --blue-soft:#0E2E22}
[data-palette="lavender"]{--paper:#F6F2FC; --panel:#FFFFFF; --ink:#22163A; --muted:#64587E; --line:#E0D6F0; --signal:#8E3FB8; --signal-soft:#ECE2F8; --sky:#CDB8EC; --blue:#73309A; --blue-soft:#EFE8FA}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="lavender"]{--paper:#140E20; --panel:#1E162E; --ink:#F1EBFB; --muted:#B3A6CF; --line:#3A2E52; --signal:#DDA0F0; --signal-soft:#2C2045; --sky:#5B437F; --blue:#E8BDF7; --blue-soft:#241A38}}
:root[data-theme="dark"] [data-palette="lavender"]{--paper:#140E20; --panel:#1E162E; --ink:#F1EBFB; --muted:#B3A6CF; --line:#3A2E52; --signal:#DDA0F0; --signal-soft:#2C2045; --sky:#5B437F; --blue:#E8BDF7; --blue-soft:#241A38}
[data-palette="bronze"]{--paper:#F8F4EA; --panel:#FFFFFF; --ink:#2A2210; --muted:#6B604A; --line:#E6DCC5; --signal:#86651A; --signal-soft:#F0E7D0; --sky:#DCC995; --blue:#6C5013; --blue-soft:#F3ECDB}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="bronze"]{--paper:#17130A; --panel:#221C10; --ink:#F6F0E1; --muted:#C2B48F; --line:#40361F; --signal:#D9B866; --signal-soft:#332914; --sky:#6E5A2A; --blue:#E8CD86; --blue-soft:#2A2213}}
:root[data-theme="dark"] [data-palette="bronze"]{--paper:#17130A; --panel:#221C10; --ink:#F6F0E1; --muted:#C2B48F; --line:#40361F; --signal:#D9B866; --signal-soft:#332914; --sky:#6E5A2A; --blue:#E8CD86; --blue-soft:#2A2213}
[data-palette="magenta"]{--paper:#FCF0F8; --panel:#FFFFFF; --ink:#33102A; --muted:#7A4E6C; --line:#F0D2E6; --signal:#B0187F; --signal-soft:#F8DEEF; --sky:#EDB0D9; --blue:#8E0F65; --blue-soft:#F9E6F3}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="magenta"]{--paper:#1F0918; --panel:#2B1022; --ink:#FBE8F5; --muted:#D29EC2; --line:#4E2042; --signal:#F57FCF; --signal-soft:#3D1432; --sky:#86306E; --blue:#F9A6DE; --blue-soft:#33102A}}
:root[data-theme="dark"] [data-palette="magenta"]{--paper:#1F0918; --panel:#2B1022; --ink:#FBE8F5; --muted:#D29EC2; --line:#4E2042; --signal:#F57FCF; --signal-soft:#3D1432; --sky:#86306E; --blue:#F9A6DE; --blue-soft:#33102A}
/* More disease palettes: graphite (IPF), wine (HIV; red ribbon taken by crimson/brick), taupe (SMA), mauve (Crohn's; purple ribbon taken), heather (ME/CFS; blue ribbon taken by navy) */
[data-palette="graphite"]{--paper:#F3F3F2; --panel:#FFFFFF; --ink:#1C1C1C; --muted:#5E5E5E; --line:#DADAD8; --signal:#3D3D3D; --signal-soft:#E6E6E4; --sky:#C9C9C7; --blue:#2E2E2E; --blue-soft:#EAEAE8}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="graphite"]{--paper:#121212; --panel:#1C1C1C; --ink:#EDEDED; --muted:#A8A8A8; --line:#333333; --signal:#C9C9C9; --signal-soft:#2A2A2A; --sky:#4A4A4A; --blue:#D8D8D8; --blue-soft:#242424}}
:root[data-theme="dark"] [data-palette="graphite"]{--paper:#121212; --panel:#1C1C1C; --ink:#EDEDED; --muted:#A8A8A8; --line:#333333; --signal:#C9C9C9; --signal-soft:#2A2A2A; --sky:#4A4A4A; --blue:#D8D8D8; --blue-soft:#242424}
[data-palette="wine"]{--paper:#FBF0F3; --panel:#FFFFFF; --ink:#330C1A; --muted:#7A4E5D; --line:#EFD3DC; --signal:#7A1F3D; --signal-soft:#F5DEE5; --sky:#E3B3C3; --blue:#631830; --blue-soft:#F7E5EB}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="wine"]{--paper:#1C080F; --panel:#280E18; --ink:#FAE6ED; --muted:#CF9DAE; --line:#4A1E2D; --signal:#E8899A; --signal-soft:#3A1422; --sky:#6A2A40; --blue:#F0A5B3; --blue-soft:#30111C}}
:root[data-theme="dark"] [data-palette="wine"]{--paper:#1C080F; --panel:#280E18; --ink:#FAE6ED; --muted:#CF9DAE; --line:#4A1E2D; --signal:#E8899A; --signal-soft:#3A1422; --sky:#6A2A40; --blue:#F0A5B3; --blue-soft:#30111C}
[data-palette="heather"]{--paper:#F4F2F8; --panel:#FFFFFF; --ink:#231C33; --muted:#635A75; --line:#DCD6E6; --signal:#5E4E7E; --signal-soft:#E8E3F0; --sky:#CCC2DD; --blue:#4A3D66; --blue-soft:#ECE8F3}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="heather"]{--paper:#13101A; --panel:#1C1826; --ink:#EEEAF5; --muted:#ADA3C2; --line:#352E45; --signal:#BBADD9; --signal-soft:#2A2438; --sky:#4E4466; --blue:#CABFE3; --blue-soft:#241F30}}
:root[data-theme="dark"] [data-palette="heather"]{--paper:#13101A; --panel:#1C1826; --ink:#EEEAF5; --muted:#ADA3C2; --line:#352E45; --signal:#BBADD9; --signal-soft:#2A2438; --sky:#4E4466; --blue:#CABFE3; --blue-soft:#241F30}
[data-palette="mauve"]{--paper:#F9F1F5; --panel:#FFFFFF; --ink:#331A28; --muted:#77586A; --line:#EBD6E1; --signal:#80506F; --signal-soft:#F2E2EB; --sky:#DDBDD0; --blue:#6E4360; --blue-soft:#F4E7EE}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="mauve"]{--paper:#1A0F15; --panel:#26161F; --ink:#F7EAF1; --muted:#C6A6B8; --line:#44293A; --signal:#DDA6C6; --signal-soft:#36202D; --sky:#5E3A50; --blue:#E6BBD3; --blue-soft:#2E1B26}}
:root[data-theme="dark"] [data-palette="mauve"]{--paper:#1A0F15; --panel:#26161F; --ink:#F7EAF1; --muted:#C6A6B8; --line:#44293A; --signal:#DDA6C6; --signal-soft:#36202D; --sky:#5E3A50; --blue:#E6BBD3; --blue-soft:#2E1B26}
[data-palette="taupe"]{--paper:#F5F3F1; --panel:#FFFFFF; --ink:#2A2421; --muted:#665C56; --line:#DFD9D4; --signal:#665850; --signal-soft:#EAE5E1; --sky:#D0C7C0; --blue:#544841; --blue-soft:#EEEAE6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="taupe"]{--paper:#161311; --panel:#201C19; --ink:#F2EDE9; --muted:#B5ABA3; --line:#3A332E; --signal:#CDBFB4; --signal-soft:#2E2824; --sky:#564B43; --blue:#DCD0C6; --blue-soft:#27221F}}
:root[data-theme="dark"] [data-palette="taupe"]{--paper:#161311; --panel:#201C19; --ink:#F2EDE9; --muted:#B5ABA3; --line:#3A332E; --signal:#CDBFB4; --signal-soft:#2E2824; --sky:#564B43; --blue:#DCD0C6; --blue-soft:#27221F}
[data-palette="sand"]{--paper:#F7F4EA; --panel:#FFFFFF; --ink:#29251A; --muted:#675F4A; --line:#E2DCC8; --signal:#6B5E32; --signal-soft:#EDE7D3; --sky:#D3C9A6; --blue:#554A24; --blue-soft:#F0EBDC}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="sand"]{--paper:#15130D; --panel:#1F1C14; --ink:#F3EFE2; --muted:#B5AC90; --line:#3A3527; --signal:#D4C48E; --signal-soft:#2D291C; --sky:#5A5236; --blue:#E0D3A6; --blue-soft:#25221A}}
:root[data-theme="dark"] [data-palette="sand"]{--paper:#15130D; --panel:#1F1C14; --ink:#F3EFE2; --muted:#B5AC90; --line:#3A3527; --signal:#D4C48E; --signal-soft:#2D291C; --sky:#5A5236; --blue:#E0D3A6; --blue-soft:#25221A}
/* fuchsia: autism (its blue is the landing page and magenta is lupus; a violet-pink unused elsewhere) */
[data-palette="fuchsia"]{--paper:#FCF0FB; --panel:#FFFFFF; --ink:#330A30; --muted:#7A4E76; --line:#F0D0EC; --signal:#B800AD; --signal-soft:#FBE3F9; --sky:#EFB0E8; --blue:#96008B; --blue-soft:#FAE6F8}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="fuchsia"]{--paper:#1E0A1D; --panel:#2B1029; --ink:#FBE8F9; --muted:#D49ECF; --line:#4E2049; --signal:#F25CFF; --signal-soft:#3F1240; --sky:#86307F; --blue:#F79BFF; --blue-soft:#33102F}}
:root[data-theme="dark"] [data-palette="fuchsia"]{--paper:#1E0A1D; --panel:#2B1029; --ink:#FBE8F9; --muted:#D49ECF; --line:#4E2049; --signal:#F25CFF; --signal-soft:#3F1240; --sky:#86307F; --blue:#F79BFF; --blue-soft:#33102F}
/* ultramarine: neuroblastoma (childhood-cancer gold is taken by osteosarcoma; a vivid ultramarine blue unused elsewhere, far from the landing sky blue) */
[data-palette="ultramarine"]{--paper:#F1F1FD; --panel:#FFFFFF; --ink:#15164A; --muted:#55578A; --line:#D5D6F5; --signal:#2B2FE0; --signal-soft:#E3E4FC; --sky:#C2C4F7; --blue:#2023B0; --blue-soft:#E7E8FB}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="ultramarine"]{--paper:#0D0E2A; --panel:#15173A; --ink:#EAEAFE; --muted:#A5A6D6; --line:#2A2C62; --signal:#8784FF; --signal-soft:#1E2050; --sky:#3A3D8F; --blue:#A3A1FF; --blue-soft:#1C1E4C}}
:root[data-theme="dark"] [data-palette="ultramarine"]{--paper:#0D0E2A; --panel:#15173A; --ink:#EAEAFE; --muted:#A5A6D6; --line:#2A2C62; --signal:#8784FF; --signal-soft:#1E2050; --sky:#3A3D8F; --blue:#A3A1FF; --blue-soft:#1C1E4C}

/* Report layout (assets/layout.js and the section menu) */
html{scroll-padding-top:64px}
.toc{position:sticky;top:0;z-index:40;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;background:var(--paper);padding-block:10px;border-bottom:1px solid var(--line);scrollbar-width:none}
.toc::-webkit-scrollbar{display:none}
.toc a{flex:0 0 auto}
details.more-studies>summary,details.reg-details>summary,details.src-details>summary{cursor:pointer;font-family:var(--f-mono);font-size:13px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:12px 0;list-style:none}
details.more-studies>summary::-webkit-details-marker,details.reg-details>summary::-webkit-details-marker,details.src-details>summary::-webkit-details-marker{display:none}
details.more-studies>summary::before,details.reg-details>summary::before,details.src-details>summary::before{content:"+ ";font-weight:700}
details[open].more-studies>summary::before,details[open].reg-details>summary::before,details[open].src-details>summary::before{content:"\2212  "}
details[open]>summary{margin-bottom:14px}

/* Blog */
.blog-post .blog-hero{display:block;width:100%;height:auto;border-radius:12px;margin-top:22px;border:1px solid var(--line)}
.blog-post h3{font-size:19px;font-weight:700;margin:20px 0 4px}
.blog-post .blog-cta{margin-top:30px;background:var(--signal-soft);border:1px solid var(--sky);border-radius:12px;padding:16px 20px}
.blog-post .meta a,.blog-card .meta a{color:inherit}
.blog-list{display:grid;gap:16px;margin-top:28px}
.blog-card{background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--signal);border-radius:12px;padding:18px 20px}
.blog-card h2{margin:6px 0 8px;font-size:23px}
.blog-card p{margin:0}

/* Newsroom link in the landing masthead: small outlined tag with a live dot */
.news-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1.5px solid var(--ink);border-radius:6px;background:transparent;color:var(--ink);font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .15s,color .15s}
.news-btn i{width:8px;height:8px;border-radius:50%;background:var(--signal)}
.news-btn:hover{background:var(--ink);color:var(--paper)}
.news-btn:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.tag.one-line{white-space:nowrap}

/* Collapsible sections (pages with <body data-order="...">) */
.fold-h[hidden],h2[hidden]{display:none!important}
details.fold{border-top:1px solid var(--line)}
details.fold>summary.fold-sum{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 2px}
details.fold>summary.fold-sum::-webkit-details-marker{display:none}
details.fold>summary.fold-sum::after{content:"+";font-family:var(--f-mono);font-size:22px;line-height:1;flex:0 0 auto;color:var(--muted)}
details.fold[open]>summary.fold-sum::after{content:"\2212"}
details.fold>summary.fold-sum:hover .fold-h{text-decoration:underline}
details.fold>summary.fold-sum .fold-h{margin:0}
details.fold>.sec-head{border-top:0;padding-top:0}
details[open].fold>summary{margin-bottom:6px}

/* AI missing-link hypothesis (after the verdict box): dashed, amber-tinted panel so it reads as speculation, not the conclusion */
.missing-link{margin-top:32px;border:3px dashed #22C55E;border-radius:14px;background:color-mix(in srgb,var(--amber-soft) 55%,var(--panel));color:var(--ink);padding:clamp(18px,3.5vw,32px);max-width:100%;overflow-wrap:anywhere}
.missing-link>h3{text-transform:uppercase}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .missing-link{border-color:#4ADE80}}
:root[data-theme="dark"] .missing-link{border-color:#4ADE80}
.missing-link .ml-badge{margin-bottom:12px}
.missing-link .ml-badge span{display:inline-block;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--amber);border-radius:999px;padding:3px 10px}
.missing-link .ml-notice{margin-top:14px;border:1px solid var(--warn)}
.missing-link .ml-notice b{color:var(--ink)}
.missing-link .subhead{margin:22px 0 8px;color:var(--ink)}
.missing-link ul{margin:0;padding-left:20px;display:grid;gap:8px}
.missing-link li{font-size:16px}
.missing-link p+p{margin-top:10px}
.missing-link .ml-wrong{margin-top:10px}
.missing-link .ml-date{font-size:13.5px;color:var(--muted);border-top:1px dashed var(--amber);padding-top:12px;margin-top:16px}
/* Pine (type 2 diabetes): a deep blue-green; its blue-circle color is the landing page's and navy, ultramarine and indigo were taken */
[data-palette="pine"]{--paper:#EEF7F7; --panel:#FFFFFF; --ink:#0E3133; --muted:#4C696B; --line:#C7DFE0; --signal:#1F5E62; --signal-soft:#DCEFF0; --sky:#B3DBDD; --blue:#164447; --blue-soft:#E0EFF0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-palette="pine"]{--paper:#0A1B1C; --panel:#102829; --ink:#E2F3F4; --muted:#92B6B8; --line:#1F4042; --signal:#7FD4D6; --signal-soft:#123E40; --sky:#1F575A; --blue:#9EDEE0; --blue-soft:#143436}}
:root[data-theme="dark"] [data-palette="pine"]{--paper:#0A1B1C; --panel:#102829; --ink:#E2F3F4; --muted:#92B6B8; --line:#1F4042; --signal:#7FD4D6; --signal-soft:#123E40; --sky:#1F575A; --blue:#9EDEE0; --blue-soft:#143436}