:root{--bg:#f3f7fc;--panel:#fff;--panel2:#edf4fa;--text:#182e49;--muted:#506580;--line:#cbd8e6;--cyan:#086b69;--blue:#245bb5;--amber:#85590b;--red:#9c3847;--shadow:0 14px 40px rgba(28,56,93,.08)}
body{background:var(--bg);font-size:16px}.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.brand-mark{background:#e2f4f0;border-color:#75aca8}.search-panel{max-width:900px}h1{font-weight:650;letter-spacing:-.04em;line-height:1.12}.eyebrow,.section-kicker{letter-spacing:.08em}.search-row{background:white;border:1px solid #9aafc8;box-shadow:var(--shadow)}.search-form label{color:var(--text)}.search-row button{background:#086b69;color:white}.suggestions button{background:white;color:#315073;border:1px solid #b6c9df;padding:10px 16px;min-height:44px}.suggestions button:hover{background:#e4f1f6;color:#123957}.notice{border:0;padding:0;color:var(--muted);font-size:14px}.notice strong{color:var(--text)}.starter-guide{background:#e8f1fc;border:1px solid #b9cfe9;border-radius:14px;padding:6px 18px;margin-top:24px;max-width:900px}.starter-guide summary{color:#244d79}.starter-guide p{max-width:760px}.card{background:white;box-shadow:0 4px 16px rgba(27,57,93,.035);border-radius:20px;padding:25px;min-height:0}.card:hover{transform:translateY(-2px);border-color:#8caaca}.card-desc{color:#405771;line-height:1.65}.card h3{font-weight:650}.card-actions{border-top:1px solid #e2eaf2;margin-top:12px}.open-detail{color:#086b69;min-height:44px}.evidence-row{border-color:#e2eaf2}.level.low,.level.medium{color:#3c5875;font-weight:600}.level-note{color:#506580}.catalog-note{background:transparent;padding:3px 0;border:0;margin:0 0 22px}.catalog-note summary{font-weight:500;color:#506580;font-size:14px}.catalog-note p{max-width:850px}.callout,.callout.risk{background:#edf3fa;border-left:3px solid #7196be;color:#263f5c;font-size:16px}.pill{background:#eaf3fa;border-color:#b6cadc;color:#31536d}.detail-section p{color:#405771;line-height:1.7}.detail-section summary{color:#245575;min-height:48px;font-size:16px}.detail-section h3{font-size:1.1rem}.source-link{color:#1c58a5;text-decoration:underline;text-underline-offset:3px}.dialog-close{color:#3c5570;width:44px;min-height:44px}.dialog-close:hover{background:#e9f1f9}dialog{border-color:#bfd0e3}dialog::backdrop{background:rgba(25,44,66,.45)}.method-list b{color:#086b69}.method-list p{color:#405771}footer{color:#506580;font-size:14px}.filters{background:#eaf0f8;border-radius:14px;padding:16px}.filters select{background:white}.report-count{color:#506580}.about-btn:hover{color:#086b69}.search-row input::placeholder{color:#607086;opacity:1}.search-row input:focus-visible{outline-offset:-4px}.card-top{min-width:0}.card h3{overflow-wrap:anywhere}@media(max-width:720px){.card{padding:21px}.filters{padding:14px}.search-panel h1{font-size:2.2rem}.starter-guide{margin-top:18px}.card-actions{gap:12px}.report-count{max-width:55%}}
/* Editorial reports remain readable without leaving the dossier. */
.experience{margin:16px 0;padding:16px 18px;background:#f1f6f9;border:1px solid #d9e5ed;border-radius:14px}
.experience h4{margin:0 0 8px;color:#234458;font-size:15px;line-height:1.5}
.experience p{margin:0 0 10px}
.community-intro{font-weight:600;color:#234458}
.community-method{font-size:13px;line-height:1.65;color:#536579}
.detail-section .source-link{overflow-wrap:anywhere}
.search-context{background:#f0f8f5;border:1px solid #b9dacc;border-radius:16px;padding:20px;margin:20px 0}
.search-context h3{margin:0 0 12px;font-size:18px;color:#174b38}
.search-context p{line-height:1.6}
.topic-chips{display:flex;flex-wrap:wrap;gap:8px}
.topic-chips button{background:white;border:1px solid #99cbb5;border-radius:20px;padding:9px 14px;color:#175a3c;font:inherit;font-size:14px;cursor:pointer}
.topic-chips button[aria-pressed=true]{background:#d8f0e3;border-color:#187245}
.match-badge{display:inline-block;align-self:flex-start;background:#ddf3e5;color:#12643b;border:1px solid #a7d5b8;border-radius:8px;padding:7px 10px;font-weight:700;font-size:14px;margin-top:8px}
.match-reason{font-size:14px;line-height:1.5;color:#2d5e47;margin:8px 0 14px}
.filters label{min-width:0}.filters select{max-width:100%}
[hidden]{display:none!important}
.study-controls{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0}
.study-controls label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.study-controls input,.study-controls select{width:100%;min-width:0;font:inherit;padding:10px;border:1px solid #b8cbd8;background:white;color:#203748;border-radius:8px;box-sizing:border-box}
.study-counts,.study-tags{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.study-counts span,.study-tags span{font-size:14px;background:#eaf1f9;color:#204b75;border-radius:6px;padding:5px 8px}
.study-reference,.study-note{padding:18px 0;border-top:1px solid #d4e2eb}
.study-reference h4,.study-note h4{font-size:16px;line-height:1.5;margin:8px 0;color:#183d57;overflow-wrap:anywhere}
.study-reference p{font-size:14px;margin:7px 0;line-height:1.5}
.study-reference .reference-authors{max-height:5em;overflow:auto}
.study-note{margin-top:14px;background:#f4f8fc;padding:18px;border-radius:12px}
.study-pagination{display:flex;gap:12px;margin:16px 0}
.study-pagination button{font:inherit;padding:10px 18px;border:1px solid #93adc1;border-radius:8px;background:white;color:#23435b;cursor:pointer}
.study-pagination button:disabled{opacity:.45;cursor:default}
.bibliography-method code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:13px;padding:12px;background:#f1f5fa}
@media(min-width:600px){.study-controls{grid-template-columns:1fr 1.5fr 1fr}}
.dose-study{margin-top:14px;padding:18px;border:1px solid #cfdeeb;background:#f4f8fc;border-radius:12px}
.dose-study h4{font-size:19px;line-height:1.5;margin:14px 0;color:#183d57;overflow-wrap:anywhere}
.dose-facts{margin:14px 0}.dose-facts>div{padding:9px 0;border-top:1px solid #dbe5ee}
.dose-facts dt{font-weight:650;color:#294b63}.dose-facts dd{margin:4px 0 0;line-height:1.6}
.hed-formula{padding:14px;border-radius:8px;background:#eef4fa;color:#23435b;overflow-wrap:anywhere}
/* Language control stays accessible on narrow screens and preserves native keyboard use. */
.header-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.language-picker{display:flex;align-items:center;gap:8px;font-size:13px;color:#41516a}
.language-picker select{min-height:42px;width:auto;max-width:150px;background:#fff;border:1px solid #c7d4e5;border-radius:12px;padding:8px 28px 8px 10px;color:#20344d;font:inherit;cursor:pointer}
.language-picker select:focus-visible{outline:3px solid #638eed;outline-offset:2px}
@media(max-width:620px){.topbar{gap:12px;align-items:flex-start}.header-actions{gap:8px}.language-picker{flex-direction:column;align-items:flex-start;gap:2px}.header-actions .about-btn{font-size:12px;padding:10px}.language-picker select{max-width:120px}.language-picker>span{font-size:11px}}
@media(max-width:380px){.topbar{flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between}.language-picker{flex-direction:row;align-items:center}}
/* Outcomes first, with evidence visible beside every proposed application. */
.benefit-overview{margin:24px 0;border:1px solid #b6d6d7;border-radius:20px;background:linear-gradient(130deg,#e5f4f3,#eef4fc);padding:24px}
.overview-kicker{font-size:.875rem;color:#21616a;font-weight:650}
.benefit-overview h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em;color:#183e53;margin:8px 0 12px}
.overview-intro,.overview-bottom{font-size:.9375rem;line-height:1.6;color:#3e586c;margin:0}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.benefit-card{background:#fff;border:1px solid #c6dce4;border-radius:14px;padding:18px;display:flex;flex-direction:column;min-width:0}
.benefit-evidence{font-size:.875rem;font-weight:600;color:#365e77;line-height:1.45}
.benefit-card h4{font-size:1.125rem;line-height:1.35;color:#173d51;margin:10px 0}
.benefit-card p{font-size:1rem;line-height:1.65;color:#3c5268;margin:0 0 14px}
.benefit-card .source-link{margin-top:auto;min-height:36px;display:inline-flex;align-items:center;font-size:.875rem;overflow-wrap:anywhere}
.detail-summary{font-size:1.125rem;line-height:1.65;color:#284c65}
.callout strong{display:block;font-size:.9375rem}.callout p{margin:6px 0 0}
@media(max-width:600px){.benefit-overview{padding:18px 14px;margin:20px 0}.benefit-grid{grid-template-columns:1fr}.benefit-overview h3{font-size:1.35rem}.benefit-card{padding:16px}}
.molecule-section{padding:20px;background:#f5f8fc;border:1px solid #ccdce9;border-radius:18px}
.molecule-figure{margin:12px 0 18px;background:#fff;border:1px solid #dbe4ed;border-radius:12px;padding:10px}
.molecule-figure a{display:block;min-width:0}.molecule-figure img{display:block;width:100%;height:240px;object-fit:contain;background:#fff;border-radius:8px}
.molecule-figure figcaption{text-align:center;font-size:.875rem;line-height:1.5;color:#526779;margin-top:8px}
.molecule-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.molecule-facts dt{font-size:.875rem;color:#53687b;margin-bottom:5px}.molecule-facts dd{margin:0;color:#1d4157;overflow-wrap:anywhere;font-size:1rem;font-weight:600}
.molecular-formula{font-family:ui-monospace,monospace;letter-spacing:0}.molecule-note{font-size:.9375rem;line-height:1.6}
@media(max-width:600px){.molecule-section{padding:16px}.molecule-facts{grid-template-columns:1fr;gap:12px}.molecule-figure img{height:210px}}
/* A brighter catalogue: area colors identify topics, not evidence strength. */
:root{--bg:#f4f7ff;--cyan:#087b78;--blue:#3454d1;--line:#d3dcf2;--shadow:0 16px 44px #344c9c12}
body{background:linear-gradient(135deg,#e3f9f6 0,#eef0ff 420px,#f4f7ff 850px);background-repeat:no-repeat;background-color:var(--bg)}
.topbar{border-bottom:2px solid #d5dcfa;height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}
.brand-mark{background:linear-gradient(135deg,#087b78,#3454d1);color:#fff;border:0;box-shadow:0 4px 12px #3454d125}
h1{color:#243c8e}.eyebrow{color:#087674}.search-row{border:2px solid #869ee0;box-shadow:0 8px 30px #3454d118;transition:border-color .2s,box-shadow .2s}.search-row:focus-within{border-color:#3454d1;box-shadow:0 0 0 4px #3454d11a}.search-row button{background:linear-gradient(120deg,#087b78,#2656bc);padding-inline:30px}
.suggestions button{--chip:#284fab;--tint:#e8efff;color:var(--chip);background:var(--tint);border-color:transparent;transition:transform .18s,box-shadow .18s}
.suggestions button:nth-child(3n+2){--chip:#7042a7;--tint:#f0e8ff}.suggestions button:nth-child(3n){--chip:#087166;--tint:#d9f5ed}.suggestions button:hover{color:var(--chip);background:var(--tint);transform:translateY(-3px);box-shadow:0 5px 12px #344c9c18}.suggestions button:active{transform:translateY(0)}
.starter-guide{background:#e8eeff;border-color:#c5cef0}.filters{background:#e4eafd;border:1px solid #cdd7f4}.filters select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #526bd7;outline-offset:3px}
.card{--area:#08776e;--wash:#e2f7ef;border:1px solid #d3dcf2;border-top:5px solid var(--area);background:linear-gradient(155deg,var(--wash),#fff 45%);transition:transform .2s,box-shadow .2s,border-color .2s}.card[data-color="1"]{--area:#3454bd;--wash:#e9eeff}.card[data-color="2"]{--area:#7a3fa4;--wash:#f3e9fc}.card[data-color="3"]{--area:#a04e16;--wash:#fff0df}.card[data-color="4"]{--area:#a02d68;--wash:#fce9f3}.card:hover,.card:focus-within{border-color:var(--area);box-shadow:0 12px 28px #344c9c16;transform:translateY(-4px)}
.category{display:inline-block;border-radius:8px;padding:5px 9px;margin-top:9px;background:var(--wash);color:var(--area);font-weight:650;font-size:.875rem}.card h3{color:#203963}.open-detail{background:var(--area);color:#fff;border-radius:10px;padding:10px 14px;font-size:.875rem}.open-detail::after{color:#fff}.open-detail:hover{filter:brightness(1.12)}.card-desc{font-size:1rem}
#detailDialog{background:linear-gradient(145deg,#eef6ff,#fff 380px);border-top:5px solid #526bd7}.detail-title{color:#2946a0}.dialog-close{border-radius:12px;background:#e7edfc}.pill{background:#e9eaff;border-color:#c5c9ed;color:#494191}
.detail-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.detail-nav button{border:1px solid #bbcbed;border-radius:99px;padding:10px 15px;min-height:44px;background:#fff;color:#284b9d;cursor:pointer;font-weight:600;font-size:.875rem;transition:background .18s,transform .18s}.detail-nav button:hover{background:#e2eaff;transform:translateY(-2px)}
.benefit-overview{background:linear-gradient(125deg,#d7f5ef,#e6edff);border-color:#a7d6dc}.benefit-card{border-top:3px solid #358e8d;box-shadow:0 3px 12px #284b9d08}.benefit-card:nth-child(2n){border-top-color:#7954b4}.benefit-evidence{background:#edf2fb;border-radius:7px;padding:5px 8px;align-self:flex-start}.molecule-section{background:#eef0ff;border-color:#cbd0ed}.experience{background:#f4edff;border-color:#d9c8ec}.detail-section summary{border-radius:10px;padding:12px;background:#eef2ff;color:#304c99}.detail-section[open]>summary{background:#dfe8ff}.detail-section{scroll-margin-top:16px}.benefit-overview,.molecule-section{scroll-margin-top:16px}
@media(max-width:600px){.detail-nav{gap:7px}.detail-nav button{flex:1 1 42%;padding:10px}.card-actions{flex-wrap:wrap}.card-actions .report-count{flex:1;min-width:100px}.topbar{min-height:72px}}
@media(prefers-reduced-motion:reduce){.card:hover,.card:focus-within,.suggestions button:hover,.detail-nav button:hover{transform:none}}

/* Softer pastel palette with clear, lightly raised controls. */
:root{--bg:#f7f7fb;--panel:#fff;--panel2:#f0f2f8;--text:#26344a;--muted:#566579;--line:#d9dfeb;--cyan:#527b79;--blue:#687bb4;--shadow:0 14px 36px rgba(77,91,125,.09)}
body{background:linear-gradient(135deg,#edf7f4 0,#f2f1fb 420px,#f8f8fc 850px);background-repeat:no-repeat;background-color:var(--bg);font-weight:450}
.topbar{background:rgba(255,255,255,.94);border-bottom-color:#e2e6ef}
.brand{font-weight:600}.brand b{color:#6576ad}
.brand-mark{background:linear-gradient(145deg,#e5f3ef,#ecebfa);color:#526f83;border-color:#cbdedb;box-shadow:0 3px 10px rgba(87,111,134,.10)}
h1{color:#394b70;font-weight:720}.eyebrow,.section-kicker{color:#587e79}
.intro{color:#526176;font-weight:500}
.search-row{border:1px solid #cbd6e6;box-shadow:0 9px 24px rgba(86,103,138,.10),0 2px 4px rgba(86,103,138,.06)}
.search-row button{background:linear-gradient(135deg,#729d95,#7888bb);color:#fff;font-weight:700;box-shadow:0 2px 5px rgba(67,83,123,.17)}
.search-row button:hover{filter:brightness(1.04);box-shadow:0 4px 9px rgba(67,83,123,.20)}
.suggestions{gap:9px;margin-top:17px}
.suggestions button{--chip:#536a8b;--tint:#edf1f8;background:linear-gradient(160deg,#fff,var(--tint));color:var(--chip);border:1px solid #d8dfeb;border-radius:13px;padding:10px 15px;min-height:44px;font-weight:620;box-shadow:0 3px 7px rgba(65,83,116,.09),0 1px 1px rgba(65,83,116,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.suggestions button:nth-child(4n+2){--chip:#65719c;--tint:#f0eff9;border-color:#dfdced}
.suggestions button:nth-child(4n+3){--chip:#527a70;--tint:#eaf4ef;border-color:#d4e5dc}
.suggestions button:nth-child(4n){--chip:#8a6b64;--tint:#faf0ed;border-color:#ecded9}
.suggestions button:hover{color:var(--chip);background:linear-gradient(160deg,#fff,var(--tint));border-color:#c5cee0;transform:translateY(-2px);box-shadow:0 7px 14px rgba(65,83,116,.13),0 2px 4px rgba(65,83,116,.06)}
.suggestions button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(65,83,116,.1)}
.notice{color:#586579}.notice strong{color:#34445d}
.starter-guide{background:#f0f2fb;border-color:#dce1f0}.starter-guide summary{color:#53658d;font-weight:650}
.filters{background:#eef1f8;border-color:#dce2ed}
.card{--area:#668f86;--wash:#eaf4ef;border-color:#dfe5ec;border-top:4px solid var(--area);background:linear-gradient(155deg,var(--wash),#fff 52%);box-shadow:0 4px 13px rgba(66,83,112,.06)}
.card[data-color="1"]{--area:#7081b3;--wash:#eef0fa}.card[data-color="2"]{--area:#9279a5;--wash:#f4eff8}.card[data-color="3"]{--area:#b08767;--wash:#faf2ea}.card[data-color="4"]{--area:#a77991;--wash:#f8eef3}
.card:hover,.card:focus-within{border-color:#c8d1e0;box-shadow:0 11px 23px rgba(66,83,112,.12);transform:translateY(-3px)}
.card h3{color:#344763;font-weight:700}.card-desc{color:#4c5b70;font-weight:500}.category{font-weight:650}
.match{color:#547f75;font-weight:750}.open-detail{background:linear-gradient(135deg,var(--area),color-mix(in srgb,var(--area),#fff 16%));box-shadow:0 2px 5px rgba(60,78,105,.12);font-weight:700}
.benefit-overview{background:linear-gradient(125deg,#e6f3ef,#eeeff9);border-color:#d4e3e2}
.benefit-card{border-color:#e0e5ec;box-shadow:0 3px 12px rgba(62,80,109,.06)}
.molecule-section{background:#f0f1fa;border-color:#dfe1ef}.experience{background:#f5f0f8;border-color:#e6dce9}
.detail-section summary{background:#eff1f8;color:#4a5e88;font-weight:650}.detail-section[open]>summary{background:#e5eaf5}
.pill{background:#eef0f8;border-color:#d9deed;color:#59688e;font-weight:550}
.callout,.callout.risk{background:#f0f3f8;color:#3e5068}
.level.low,.level.medium{color:#536b7d}
.source-link{color:#526da1}
.detail-nav button{border-color:#d5dced;color:#53658d;box-shadow:0 2px 5px rgba(65,83,116,.06);font-weight:650}
button,.about-btn,select{font-weight:550}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#7b8db7}
@media(max-width:720px){.suggestions{gap:8px}.suggestions button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.suggestions button:hover{transform:none}}

/* A restrained navy, slate and mineral palette keeps topic colors distinct. */
:root{--bg:#eef2f4;--panel2:#e8eef1;--text:#1c3040;--muted:#526575;--line:#c8d5db;--cyan:#176b68;--blue:#315e82}
body{background:var(--bg)}
.search-row button{background:#164f61;box-shadow:0 3px 9px #164f612e}
.starter-guide{background:#e6edf0;border-color:#c9d8dd}.starter-guide summary{color:#294b5b}
.filters{background:#e6ecef;border-color:#ccd8dc}
.suggestions button{--chip:#31566b;--tint:#e7eff2;border-color:#cfdbdf;background:var(--tint)}
.suggestions button:nth-child(4n+1){--chip:#31566b;--tint:#e7eff2;border-color:#cfdbdf}
.suggestions button:nth-child(4n+2){--chip:#3c5872;--tint:#e7ecf2;border-color:#ced8e0}
.suggestions button:nth-child(4n+3){--chip:#33665e;--tint:#e4eeea;border-color:#cbded6}
.suggestions button:nth-child(4n){--chip:#6c5a43;--tint:#f0ece4;border-color:#dfd6c7}
.card{--area:#2f706b;--wash:#eaf2ef;border-color:#d2dde0}
.card[data-color="1"]{--area:#456789;--wash:#ebf0f4}
.card[data-color="2"]{--area:#536b78;--wash:#edf1f2}
.card[data-color="3"]{--area:#816846;--wash:#f2eee6}
.card[data-color="4"]{--area:#5c7255;--wash:#ecf1e9}
.benefit-overview{background:linear-gradient(125deg,#e5efed,#e9eef2);border-color:#cbdcdb}
.benefit-card:nth-child(2n){border-top-color:#456789}
.molecule-section{background:#e9eef2;border-color:#d0dce2}
.experience{background:#edf1f2;border-color:#d2dfe0}
.detail-section summary{background:#e8eef1;color:#345267}.detail-section[open]>summary{background:#dce8ed}
.pill{background:#e6eef0;border-color:#cbdadd;color:#365568}
.detail-nav button{border-color:#cbd8dc;color:#365568}