.refined-page {
  --surface: color-mix(in srgb, var(--sage) 10%, var(--cream));
  --surface-gold: color-mix(in srgb, var(--gold) 18%, var(--cream));
  --page-space: clamp(3rem, 7vw, 6rem);
}

.refined-page .site-header { padding-block: 1.4rem; }
.refined-page .nav-menu a[aria-current="page"] { color: var(--forest); border-bottom: 2px solid var(--gold); }
.refined-page .eyebrow { display: flex; align-items: center; gap: 0.75rem; color: var(--forest); }
.refined-page .eyebrow::before { content: ''; width: 22px; height: 2px; flex: none; background: var(--gold); }
.refined-page .sec { padding-block: var(--page-space); }
.refined-page .page h1,
.refined-page .clinical-intro h1 { max-width: 23ch; font-size: clamp(2.2rem, 4.7vw, 3.65rem); line-height: 1.17; letter-spacing: -0.025em; }
.refined-page .sec h2 { line-height: 1.23; }
.refined-page [id] { scroll-margin-top: 2rem; }
.refined-page .next-page { padding: 1.6rem 0 2.8rem; display: flex; justify-content: flex-end; }
.refined-page .next-page .text-link { display: inline-flex; align-items: center; gap: 1.5rem; min-height: 48px; font-size: 1.15rem; }
.refined-page .next-page .text-link::after { content: '\2192'; font-size: 1.5rem; transition: transform 180ms ease; }
.refined-page .next-page .text-link:hover::after { transform: translateX(4px); }
.refined-page .cta:active,
.refined-page .nav-cta:active { transform: translateY(1px); }

.page-opening,
.clinical-intro,
.evidence-opening { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.8fr); align-items: center; gap: clamp(2rem, 6vw, 5rem); }
.opening-copy { min-width: 0; }
.page-art { padding: 1.25rem; background: var(--surface-gold); border-radius: 48% 48% 12px 12px; }
.telling-art { display: block; width: 100%; height: auto; }
.art-arch { stroke: var(--sage); stroke-width: 1.5; }
.art-inner { stroke: var(--sage); stroke-opacity: 0.35; }
.art-path { stroke: var(--forest); stroke-width: 1.5; stroke-dasharray: 3 7; stroke-linecap: round; }
.art-halo { fill: var(--gold); fill-opacity: 0.25; }
.art-light { fill: var(--gold); }
.art-start { fill: var(--forest); }
.art-ground { stroke: var(--sage); stroke-opacity: 0.5; }

.why-page .problem { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr); column-gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.why-page .problem-body { margin-top: 1.75rem; gap: 0.55rem; }
.why-page .problem-body > p:not(.problem-turn) { padding-left: 1rem; border-left: 1px solid var(--hair); color: var(--grey); }
.why-page .problem-turn { margin-top: 1rem; }
.why-page .voices { margin: 0; padding: 4.5rem 2rem; min-height: 410px; grid-template-columns: 1fr; gap: 1.5rem; background: var(--surface-gold); border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent); border-radius: 160px 160px 16px 16px; }
.why-page .voices p,
.why-page .voices p:nth-child(odd) { text-align: center; font-size: clamp(1.05rem, 1.7vw, 1.25rem); color: var(--forest); }
.why-page .voices p:nth-child(2) { padding-bottom: 1.25rem; }
.why-page .voices p:nth-child(3) { padding-top: 1.25rem; }
.why-page .voices-point { top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; box-shadow: 0 0 0 7px color-mix(in srgb, var(--gold) 25%, transparent); }
.why-page .problem-close { grid-column: 1 / -1; max-width: 44ch; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--hair); font-size: clamp(1.3rem, 2.5vw, 1.8rem); color: var(--forest); }
.section-links { max-width: 1040px; margin: 0 auto; padding-block: 0.75rem; border-top: 1px solid var(--hair); display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; }
.section-links a { display: inline-flex; align-items: center; min-height: 44px; gap: 0.65rem; font-size: 0.9rem; color: var(--forest); text-decoration: none; }
.section-links a::after { content: '\2193'; color: var(--grey); }
.section-links a:hover { text-decoration: underline; text-underline-offset: 5px; }
.why-page .thesis { border-top: 0; }
.why-page .progress { padding: 2rem 1.5rem; background: var(--surface); border-radius: 16px; }
.why-page .progress li.arrive { padding: 0.8rem 1.25rem; background: var(--cream); border: 1px solid var(--hair); border-radius: 999px; }
.why-page .agency { background: var(--surface); margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); border-top: 0; }
.why-page .principles { counter-reset: principle; }
.why-page .principles li { counter-increment: principle; display: flex; gap: 1rem; align-items: baseline; }
.why-page .principles li::before { content: '0' counter(principle); color: var(--forest); font-size: 0.8rem; letter-spacing: 0.08em; }
.why-page .agency-line { margin-top: 2.5rem; max-width: 28ch; font-size: clamp(1.5rem, 3.3vw, 2.35rem); }
.why-page .boundaries { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); column-gap: 4rem; align-items: start; }
.why-page .boundaries > .eyebrow { grid-column: 1; }
.why-page .boundaries h2 { grid-column: 1; }
.why-page .nevers { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; }
.why-page .nevers li { position: relative; padding-left: 1.4rem; font-size: 1.13rem; }
.why-page .nevers li::before { content: ''; position: absolute; left: 0; top: 1.6rem; width: 6px; height: 6px; border: 1px solid var(--forest); border-radius: 50%; }
.why-page .bounds-close { grid-column: 1; font-size: 1rem; }

.how-page .how-steps { grid-template-columns: 1fr; gap: 0; margin-top: 3.5rem; border-top: 1px solid var(--hair); }
.how-page .how-steps::before { display: none; }
.how-page .how-step { display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1.1fr); align-items: start; gap: 1.5rem; padding: 2rem 1.5rem 2rem 0; border-bottom: 1px solid var(--hair); }
.how-page .how-step .node { position: absolute; left: 0; top: 2.2rem; width: 14px; height: 14px; box-shadow: none; background: var(--gold); opacity: 1; }
.how-page .how-step .node::after { display: none; }
.how-page .how-step .num { padding-top: 1.5rem; margin: 0; font-size: 0.95rem; color: var(--forest); }
.how-page .how-step h2.step-title { margin: 0; font-weight: 300; font-size: clamp(1.4rem, 2.5vw, 1.85rem); max-width: 19ch; line-height: 1.3; }
.how-page .how-step p { margin: 0; font-size: 1.05rem; line-height: 1.75; }
.how-page .how-close { padding: 1.75rem 2rem; border-left: 3px solid var(--gold); background: var(--surface); border-radius: 0 12px 12px 0; margin-top: 2.5rem; }

.evidence-page .evidence { border-top: 0; }
.evidence-orbit { position: relative; aspect-ratio: 1; width: 80%; justify-self: center; border: 1px solid var(--hair); border-radius: 50%; }
.evidence-orbit::before { content: ''; position: absolute; inset: 17%; border: 1px solid var(--hair); border-radius: 50%; }
.evidence-orbit::after { content: ''; position: absolute; inset: 35%; border-radius: 50%; background: var(--surface-gold); }
.evidence-orbit span { position: absolute; width: 18px; height: 18px; left: 12%; top: 12%; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 8px color-mix(in srgb, var(--gold) 20%, transparent); }
.evidence-page .evidence-grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.7fr); align-items: stretch; gap: 1.25rem; }
.evidence-page .evidence-big { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.5rem, 4vw, 3rem); background: var(--forest); border-radius: 16px; }
.evidence-page .evidence-big b { color: var(--cream); font-size: clamp(5rem, 10vw, 8rem); }
.evidence-page .evidence-big span { color: var(--cream); margin-top: 1.2rem; max-width: 15ch; font-size: 1.1rem; line-height: 1.5; }
.evidence-page .evidence-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.evidence-page .ev-card { padding: 1.75rem; background: var(--surface); border: 0; border-radius: 14px; }
.evidence-page .ev-card b { font-size: clamp(2.8rem, 5vw, 4rem); letter-spacing: -0.03em; }
.evidence-page .ev-card span { font-size: 1rem; }
.evidence-page .ev-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1.75rem; background: var(--surface-gold); }
.evidence-page .ev-card:last-child span { margin-top: 0; }
.evidence-page .evidence-note { max-width: none; padding: 1.5rem 1.75rem; border-left: 3px solid var(--gold); background: color-mix(in srgb, var(--sage) 5%, var(--cream)); border-radius: 0 12px 12px 0; font-size: 1rem; }
.evidence-page .evidence-note span { font-size: 0.85rem; }

.clinicians-page .role-page { max-width: 1040px; padding-top: var(--page-space); }
.clinicians-page .clinical-intro { margin-top: 0; padding-bottom: var(--page-space); margin-bottom: 3rem; }
.clinicians-page .clinical-intro h1 { margin-top: 0.9rem; }
.clinicians-page .role .clinical-statement { font-size: clamp(1.3rem, 2.4vw, 1.65rem); line-height: 1.45; max-width: 35ch; }
.clinicians-page .clinical-body { font-size: 1.05rem; }
.clinicians-page .role-hero { padding: clamp(1.5rem, 4vw, 3rem); background: var(--surface); border-radius: 18px; }
.clinicians-page .role-title { font-size: clamp(2rem, 4.2vw, 2.85rem); }
.clinicians-page .role-intro { max-width: 68ch; }
.clinicians-page .glance { gap: 1.5rem; }
.clinicians-page .glance li { padding: 1rem 0; border: 0; border-top: 1px solid var(--hair); background: transparent; border-radius: 0; }
.clinicians-page .glance b { font-size: 1.6rem; }
.clinicians-page .glance span { font-size: 0.95rem; }
.clinicians-page .fold summary { padding: 1.5rem 0; gap: 1.5rem; }
.clinicians-page .fold summary h2 { font-size: clamp(1.2rem, 2.5vw, 1.6rem); line-height: 1.4; }
.clinicians-page .fold-icon { width: 36px; height: 36px; }
.clinicians-page .fold[open] { background: color-mix(in srgb, var(--sage) 6%, var(--cream)); border-radius: 12px; padding-inline: 1.5rem; }
.clinicians-page .fold[open] + .fold { border-top-color: transparent; }
.clinicians-page .fold-body { line-height: 1.75; }
.clinicians-page .role-start { border: 1px solid var(--hair); background: var(--surface-gold); padding: clamp(1.5rem, 5vw, 3rem); }
.clinicians-page .role-start .fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.clinicians-page .role-start input,
.clinicians-page .role-start select,
.clinicians-page .role-start textarea { background-color: var(--cream); }

@media (max-width: 900px) {
  .refined-page .site-header { padding-block: 1rem 0.25rem; }
  .why-page .problem { column-gap: 2rem; }
  .why-page .voices { padding-inline: 1.25rem; }
  .why-page .boundaries { column-gap: 2rem; }
  .evidence-page .evidence-grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.7fr); }
  .evidence-page .evidence-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .page-opening,
  .clinical-intro,
  .evidence-opening,
  .why-page .problem,
  .why-page .boundaries { grid-template-columns: 1fr; }
  .refined-page .page h1,
  .refined-page .clinical-intro h1 { font-size: clamp(2rem, 7.5vw, 2.8rem); }
  .page-art { max-width: 240px; width: 100%; justify-self: center; padding: 0.75rem; }
  .why-page .voices { margin-top: 2rem; min-height: 0; padding: 3.5rem 1.75rem; width: 100%; max-width: 400px; }
  .why-page .problem-close { margin-top: 2rem; }
  .section-links { column-gap: 1.5rem; }
  .why-page .boundaries > .eyebrow,
  .why-page .boundaries h2,
  .why-page .nevers,
  .why-page .bounds-close { grid-column: auto; grid-row: auto; }
  .why-page .nevers { margin-top: 2rem; }
  .how-page .how-step { grid-template-columns: 40px minmax(0, 1fr); gap: 0.6rem 1rem; padding-block: 1.75rem; padding-right: 0; }
  .how-page .how-step .num { grid-column: 1; grid-row: 1 / span 2; }
  .how-page .how-step h2.step-title,
  .how-page .how-step p { grid-column: 2; max-width: none; }
  .how-page .how-step .node { top: 1.95rem; }
  .how-page .how-close { padding: 1.5rem; line-height: 1.6; }
  .evidence-orbit { display: none; }
  .evidence-page .evidence-grid { grid-template-columns: 1fr; }
  .evidence-page .evidence-big { padding: 2rem; }
  .evidence-page .evidence-big span { max-width: none; }
  .evidence-page .ev-card { padding: 1.25rem; }
  .evidence-page .ev-card:last-child { gap: 1rem; }
  .clinicians-page .glance { grid-template-columns: 1fr; gap: 0; }
  .clinicians-page .fold[open] { padding-inline: 1rem; }
  .clinicians-page .role-start .fields { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 380px) {
  .evidence-page .evidence-cards,
  .evidence-page .ev-card:last-child { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .refined-page .next-page .text-link::after { transition: none; }
  .refined-page .next-page .text-link:hover::after,
  .refined-page .cta:active,
  .refined-page .nav-cta:active { transform: none; }
}

/* Keep linked research references below the shared sticky navigation. */
.evidence-page .sources li[id] { scroll-margin-top: 12rem; }

/* Clinical recruitment: clear readiness and a readable advisory invitation. */
.clinicians-page .clinical-intro h1,
.clinicians-page .role-title,
.clinicians-page .role-start h2 { font-weight: 500; }
.clinicians-page .clinical-status {
  margin-block: 1.5rem; padding: 1.25rem; border-left: 3px solid var(--gold);
  background: var(--surface); border-radius: 0 10px 10px 0;
  font-size: 1rem; line-height: 1.75;
}
.clinicians-page .clinical-status-label { margin-bottom: 0.5rem; font-weight: 600; color: var(--forest); }
.clinicians-page .clinical-links { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; margin-top: 1.5rem; }
.clinicians-page #start { scroll-margin-top: 12rem; }
.clinicians-page .clinical-status > p + p { margin-top: 0.75rem; }
.clinicians-page .clinical-working { margin-top: 2.5rem; }
.clinicians-page .clinical-working h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 500; line-height: 1.3; }
.clinicians-page .clinical-working dl { margin-top: 1.5rem; }
.clinicians-page .clinical-working dl > div { padding-block: 1.25rem; border-top: 1px solid var(--hair); }
.clinicians-page .clinical-working dt { font-size: 1rem; font-weight: 500; color: var(--forest); }
.clinicians-page .clinical-working dd { margin-top: 0.5rem; max-width: 70ch; font-size: 1rem; line-height: 1.75; }