/* JOE-78 — /conditions/ page styles. Scoped under .cond-page; reuses
   site CSS custom properties (--ink, --ink-soft, --bdr, --r, --sea) from
   assets/css/styles.css rather than redefining a parallel palette. */

.cond-page { padding: 2.5rem 0 4rem; }

.cond-hero { text-align: center; max-width: 760px; margin: 0 auto 2.5rem; }
.cond-hero .eyebrow { color: var(--sea, #2563eb); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .5rem; }
.cond-hero h1 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); letter-spacing: -.03em; margin: 0 0 1rem; color: var(--ink); }
.cond-hero .lede { color: var(--ink-soft, #64748b); line-height: 1.7; }

.cond-index-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 2rem; }
.cond-index-card { display: block; padding: 20px; border-radius: var(--r, 10px); text-decoration: none; color: inherit; border: 1px solid var(--bdr, #e2e8f0); }
.cond-index-card h2 { font-size: 1.05rem; margin: 0 0 .4rem; color: var(--ink); }
.cond-index-card p { font-size: .88rem; color: var(--ink-soft, #64748b); margin: 0 0 .75rem; line-height: 1.5; }
.cond-index-card-cta { font-size: .85rem; font-weight: 600; color: var(--sea, #2563eb); }

.cond-review-note { max-width: 760px; margin: 0 auto; font-size: .82rem; color: var(--ink-soft, #64748b); padding: 12px 16px; border: 1px dashed var(--bdr, #e2e8f0); border-radius: var(--r, 10px); }
.cond-review-note code { background: rgba(100,116,139,.12); padding: 1px 5px; border-radius: 4px; }

.cond-detail-hero { max-width: 780px; margin: 0 auto 2rem; }
.cond-detail-hero h1 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); letter-spacing: -.03em; margin: 0 0 .75rem; color: var(--ink); }
.cond-detail-hero .cond-overview { color: var(--ink-soft, #64748b); line-height: 1.7; }

.cond-section { max-width: 780px; margin: 0 auto 2rem; }
.cond-section h2 { font-size: 1.15rem; margin: 0 0 .75rem; color: var(--ink); }
.cond-pathway-note { padding: 14px 16px; border-radius: var(--r, 10px); background: rgba(37,99,235,.06); border: 1px solid rgba(37,99,235,.15); font-size: .9rem; color: var(--ink-soft, #64748b); line-height: 1.6; }
.cond-sources { font-size: .82rem; color: var(--ink-soft, #64748b); margin-top: .6rem; }
.cond-sources a { color: var(--sea, #2563eb); }

.biomarker-filter-toggles { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 1rem; }
.biomarker-toggle { border: 1px solid var(--bdr, #e2e8f0); background: #fff; border-radius: 999px; padding: 6px 14px; font-size: .82rem; font-weight: 600; cursor: pointer; opacity: .45; }
.biomarker-toggle.is-active { opacity: 1; }
.biomarker-toggle--yes.is-active { border-color: #16a34a; color: #16a34a; }
.biomarker-toggle--no.is-active { border-color: #dc2626; color: #dc2626; }
.biomarker-toggle--unknown.is-active { border-color: #64748b; color: #64748b; }

.biomarker-filter-list { display: flex; flex-direction: column; gap: 8px; }
.biomarker-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; padding: 10px 14px; border: 1px solid var(--bdr, #e2e8f0); border-radius: var(--r, 10px); }
.biomarker-name { font-weight: 600; font-size: .92rem; color: var(--ink); }
.biomarker-note { grid-column: 1 / -1; font-size: .8rem; color: var(--ink-soft, #64748b); }
.biomarker-badge { justify-self: end; font-size: .75rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.biomarker-badge--yes { background: rgba(22,163,74,.12); color: #16a34a; }
.biomarker-badge--no { background: rgba(220,38,38,.12); color: #dc2626; }
.biomarker-badge--unknown { background: rgba(100,116,139,.12); color: #64748b; }
.biomarker-filter-empty { color: var(--ink-soft, #64748b); font-size: .88rem; }

.cond-vendor-link { display: inline-block; margin-top: .5rem; font-weight: 600; color: var(--sea, #2563eb); text-decoration: none; }

.cond-trialconnect-cta { max-width: 780px; margin: 2.5rem auto 0; padding: 24px; border-radius: var(--r, 10px); background: #0A1C28; color: #fff; text-align: center; }
.cond-trialconnect-cta h2 { margin: 0 0 .5rem; font-size: 1.15rem; }
.cond-trialconnect-cta p { color: rgba(255,255,255,.75); font-size: .88rem; margin: 0 0 1rem; line-height: 1.6; }