/* Supplement & non-peptide directory */
.supplement-hero{margin:8px 0 24px;border-radius:14px;overflow:hidden;aspect-ratio:3/1;background:#102a33}
.supplement-hero img{display:block;width:100%;height:100%;object-fit:cover}
.supplement-categories{margin:24px 0 8px;grid-template-columns:repeat(5,minmax(0,1fr))}
.supplement-categories .topic-card{text-decoration:none;min-height:170px}
.supplement-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.supplement-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.supplement-card:hover{border-color:var(--green);transform:translateY(-2px)}
.supplement-card-name{font-weight:700;font-size:1.02rem}
.supplement-card-kind{font-size:.74rem;color:var(--muted)}
.supplement-card-summary{font-size:.86rem;line-height:1.5}
.evidence-badge{align-self:flex-start;display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid currentColor}
.evidence-strong{color:#1d6b4f}.evidence-moderate{color:#2b6a8a}.evidence-limited,.evidence-early{color:#8a6416}.evidence-preclinical{color:#8a3b3b}
[data-theme="dark"] .evidence-strong{color:#8ad6b4}[data-theme="dark"] .evidence-moderate{color:#9cc9e4}[data-theme="dark"] :is(.evidence-limited,.evidence-early){color:#e8c37a}[data-theme="dark"] .evidence-preclinical{color:#f0a3a3}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .evidence-strong{color:#8ad6b4}:root:not([data-theme="light"]) .evidence-moderate{color:#9cc9e4}:root:not([data-theme="light"]) :is(.evidence-limited,.evidence-early){color:#e8c37a}:root:not([data-theme="light"]) .evidence-preclinical{color:#f0a3a3}}
.study-citation{margin:0 0 16px}
.study-facts{display:grid;grid-template-columns:160px 1fr;gap:10px 20px;margin:0}
.study-facts dt{font-weight:700}
.study-facts dd{margin:0;line-height:1.6}
@media(max-width:900px){.supplement-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.study-facts{grid-template-columns:1fr;gap:4px}.study-facts dd{margin-bottom:12px}.supplement-hero{aspect-ratio:2/1}}
.reference-hub a.supplement-card{color:var(--ink);text-decoration:none}
.reference-hub .supplement-categories a.topic-card{color:#fff;text-decoration:none}