/* Clinical Studies Hub landing page: patterns/lovable-page-clinical-studies-hub.php.
   Loaded only on /clinical-studies-hub/, after assets/css/lovable.css.
   Text sizes come from the design-system layer (.nv-lp-lead / -text /
   -small / -fine / -card-title, theme h1/h2); rules here are layout,
   surfaces, the page's few display values and its charts. Chart geometry
   arrives from the pattern as --nv-left / --nv-width / --nv-x. */

/* Page rhythm */

.nv-csh :is(h3, h4) { margin: 0; }

.nv-csh__center { text-align: center; }

.nv-csh__measure { max-width: 72rem; }

.nv-csh__measure--narrow { max-width: 60rem; }

.nv-csh .nv-csh__after,
.nv-csh .nv-csh__actions { margin-top: var(--wp--preset--spacing--40); }

.nv-csh .nv-lp-actions { align-items: center; }

.nv-csh .nv-lp-head .nv-csh__tier { margin-bottom: var(--wp--preset--spacing--20); }

.nv-csh__copy > h2 { margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--30); }

.nv-csh__copy > .nv-eyebrow { margin: 0; }

.nv-csh__copy > :is(.nv-lp-lead, .nv-lp-text) + :is(.nv-lp-lead, .nv-lp-text) { margin-top: var(--wp--preset--spacing--20); }

.nv-csh .nv-csh__caption { margin-top: var(--wp--preset--spacing--20); }

.nv-csh__minor-title { font-family: var(--nv-serif); font-size: var(--nv-fs-lead); font-weight: 600; line-height: 1.25; color: var(--nv-ink); }

.nv-csh :is(.nv-lp-band--ink, .nv-lp-band--warm) .nv-csh__minor-title { color: var(--nv-white); }

/* Statistic tiles (novos_lp_stat()): this page's figures are bare orange
   serif display values over a plain sentence. */

.nv-csh .nv-csh__stat { padding: 0; background: transparent; border-radius: 0; }

.nv-csh .nv-csh__stat .nv-lp-stat-tile__value { font-size: var(--nv-fs-h2); line-height: 1.05; color: var(--nv-orange); }

.nv-csh .nv-csh__stat--deep .nv-lp-stat-tile__value { color: var(--nv-orange-deep); }

.nv-csh .nv-csh__stat .nv-lp-stat-tile__label { font-family: var(--nv-sans); font-size: var(--wp--preset--font-size--small); font-weight: 400; line-height: 1.55; letter-spacing: normal; text-transform: none; }

.nv-csh .nv-lp-band--warm .nv-csh__stat .nv-lp-stat-tile__label { color: var(--nv-on-dark-muted); }

/* Two-column rows: an even split at the wide gap; one column on phones
   and tablets, where the shared split breaks at 782px. */

.nv-csh .nv-csh__split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--60); }

.nv-csh .nv-csh__split--flush { padding: 0; margin-bottom: var(--wp--preset--spacing--50); }

/* Photo frames: the shared .nv-lp-photo around the placeholder slot, with
   this page's own 3:2 / 3:1 / 16:6 crops; the slot sits on the band
   directly, without the frame's fill. */

.nv-csh .nv-lp-photo { background: transparent; }

.nv-csh__photo--3x2 { aspect-ratio: 3 / 2; }

.nv-csh__photo--3x1 { aspect-ratio: 3 / 1; }

.nv-csh__photo--16x6 { aspect-ratio: 16 / 6; }

.nv-csh .nv-lp-band--warm .nv-lp-photo > .nv-lp-imgslot { background: color-mix(in srgb, var(--nv-white) 6%, transparent); border-color: var(--nv-border-on-dark); color: var(--nv-on-dark-muted); }

/* Evidence-tier pills */

.nv-csh__tier { display: inline-flex; align-items: center; padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20); border: 1px solid currentColor; border-radius: var(--nv-radius-pill); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 600; letter-spacing: 0.04em; line-height: 1.3; }

.nv-csh__tier--orange { color: var(--nv-orange); }

.nv-csh__tier--soft { color: var(--nv-orange-soft); }

.nv-csh__tier--deep { color: var(--nv-orange-deep); }

.nv-csh__tier--light { color: color-mix(in srgb, var(--nv-white) 70%, transparent); }

.nv-csh__tier--muted { color: var(--nv-ink-60); }

/* Clinical green is too light for text on white; it fills the pill there. */

.nv-csh__tier--green { color: var(--nv-clinical-green); }

.nv-csh :not(.nv-lp-band--warm) > .nv-section .nv-csh__tier--green { background: var(--nv-clinical-green); border-color: var(--nv-clinical-green); color: var(--nv-ink); }

.nv-csh__tier.is-filled { background: var(--nv-orange); border-color: var(--nv-orange); color: var(--nv-ink); }

/* Text links */

.nv-csh__link { display: inline-flex; align-items: center; min-height: 24px; font-weight: 600; color: var(--nv-orange-deep); text-decoration: none; }

.nv-csh__link:hover { text-decoration: underline; text-underline-offset: 3px; }

.nv-csh__link:focus-visible { outline: 2px solid var(--nv-orange-soft); outline-offset: 2px; }

.nv-csh :is(.nv-lp-band--ink, .nv-lp-band--warm) .nv-csh__link { color: var(--nv-orange-soft); }

.nv-csh__links { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30); }

/* Lists */

.nv-csh__list { margin: 0; padding-left: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--small); line-height: 1.7; color: var(--nv-ink-60); }

.nv-csh :is(.nv-lp-band--ink, .nv-lp-band--warm) .nv-csh__list { color: var(--nv-on-dark-muted); }

.nv-csh__list li + li { margin-top: 4px; }

.nv-csh__list--cols { columns: 2; column-gap: var(--wp--preset--spacing--40); }

.nv-csh__list--cols li { break-inside: avoid; }

/* Hero + result story (one warm band) */

.nv-csh__hero-inner { max-width: 56rem; text-align: center; padding-bottom: var(--wp--preset--spacing--40); }

.nv-csh__hero-title { margin: var(--wp--preset--spacing--30) auto 0; max-width: 16ch; color: var(--nv-white); }

.nv-csh .nv-csh__hero-lead { max-width: 40rem; margin: var(--wp--preset--spacing--30) auto var(--wp--preset--spacing--40); }

.nv-csh__status { margin: var(--wp--preset--spacing--30) 0 0; font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 600; letter-spacing: 0.1em; color: color-mix(in srgb, var(--nv-white) 55%, transparent); }

.nv-csh .nv-csh__story-inner { max-width: 80rem; padding-top: var(--wp--preset--spacing--40); }

.nv-csh__hero-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30); margin-bottom: var(--wp--preset--spacing--30); }

.nv-csh__result-card { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--10); padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30); text-align: center; }

.nv-csh__result-num { font-family: var(--nv-mono); font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--nv-orange-soft); }

.nv-csh__result-stat { margin: 0; white-space: nowrap; font-family: var(--nv-serif); font-size: var(--nv-fs-h2); font-weight: 600; line-height: 1.05; color: var(--nv-white); }

.nv-csh__result-title { font-family: var(--nv-sans); font-size: var(--wp--preset--font-size--body); font-weight: 600; line-height: 1.4; letter-spacing: normal; color: var(--nv-white); }

.nv-csh__result-compare { margin: auto 0 0; padding-top: var(--wp--preset--spacing--10); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); color: var(--nv-orange-soft); }

.nv-csh .nv-csh__story-actions { gap: var(--wp--preset--spacing--30); margin-top: var(--wp--preset--spacing--40); }

.nv-csh .nv-csh__strip-inner { max-width: 60rem; padding-top: 0; text-align: center; }

.nv-csh__strip-inner > .nv-lp-small { padding-top: var(--wp--preset--spacing--40); border-top: 1px solid var(--nv-border-on-dark); }

.nv-csh .nv-csh__strip-chips { justify-content: center; padding-bottom: 0; }

/* Sticky page nav: the shared .nv-lp-subnav, pills at the small size. */

.nv-csh .nv-lp-subnav__track { max-width: 72rem; }

/* Why this research matters */

.nv-csh__flow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--nv-ink); }

.nv-csh__flow-arrow { color: var(--nv-ink-40); }

.nv-csh__flow strong { color: var(--nv-orange-deep); }

.nv-csh .nv-csh__actions { gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); }

/* Human trial */

.nv-csh__stat-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--40); max-width: 48rem; margin: 0 auto var(--wp--preset--spacing--20); text-align: center; }

.nv-csh__counts { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40); margin: var(--wp--preset--spacing--40) 0; }

.nv-csh__counts .nv-lp-small + .nv-lp-small { margin-top: 0; }

.nv-csh__design-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--40); }

.nv-csh__design-grid > div > * + * { margin-top: var(--wp--preset--spacing--20); }

/* The investigator card (novos_lp_person() row) sits flat on the drawer,
   name and role in the page's small sans. */

.nv-csh .nv-csh__person { padding: 0; background: transparent; border: 0; }

.nv-csh .nv-csh__person .nv-lp-person__avatar { width: 52px; height: 52px; }

.nv-csh .nv-csh__person .nv-lp-person__name { font-family: var(--nv-sans); font-size: var(--wp--preset--font-size--small); line-height: 1.55; }

.nv-csh .nv-csh__person .nv-lp-person__role { font-size: var(--wp--preset--font-size--small); line-height: 1.55; }

.nv-csh__funding { padding-top: var(--wp--preset--spacing--30); border-top: 1px solid var(--nv-border-on-dark); }

.nv-csh__funding > * + * { margin-top: var(--wp--preset--spacing--20); }

/* Results explorer */

.nv-csh__result-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--10); margin-bottom: var(--wp--preset--spacing--20); }

.nv-csh__result-tab { display: flex; flex-direction: column; gap: 4px; }

.nv-csh .nv-csh__result-tab:not(.is-active):hover { border-color: var(--nv-ink-40); }

.nv-csh__result-tab-name { font-size: var(--wp--preset--font-size--small); color: var(--nv-ink); }

.nv-csh__result-tab-meta { font-family: var(--nv-mono); font-size: var(--nv-fs-mono); text-transform: uppercase; color: var(--nv-ink-60); }

.nv-csh .nv-csh__result-panel { padding: var(--wp--preset--spacing--40); }

.nv-csh .nv-csh__result-panel > * + * { margin-top: var(--wp--preset--spacing--20); }

.nv-csh .nv-csh__result-panel > .nv-csh__chart + .nv-csh__stats { margin-top: var(--wp--preset--spacing--30); }

.nv-csh__panel-title { font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 600; line-height: var(--wp--custom--type--lh-tight); color: var(--nv-ink); }

.nv-csh .nv-csh__chart { margin-top: var(--wp--preset--spacing--30); }

.nv-csh__chart > .nv-lp-fine { margin-bottom: var(--wp--preset--spacing--20); }

.nv-csh__chart-row { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr) 4.5rem; gap: var(--wp--preset--spacing--20); align-items: center; }

.nv-csh__chart-row + .nv-csh__chart-row { margin-top: var(--wp--preset--spacing--10); }

.nv-csh__chart-track { position: relative; height: 16px; border-radius: var(--nv-radius-xs); background: var(--nv-ink-05); }

.nv-csh__chart-zero { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--nv-ink-40); }

.nv-csh__chart-bar { position: absolute; top: 0; bottom: 0; left: var(--nv-left); width: var(--nv-width); border-radius: var(--nv-radius-xs); }

.nv-csh__chart-bar--core,
.nv-csh__dot--core { background: var(--nv-orange); }

.nv-csh__chart-bar--placebo,
.nv-csh__dot--placebo { background: var(--nv-ink-40); }

.nv-csh__chart-bar--diff,
.nv-csh__dot--diff { background: var(--nv-orange-deep); }

.nv-csh__chart-value { font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 600; text-align: right; color: var(--nv-ink); }

.nv-csh__legend { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30); margin-top: var(--wp--preset--spacing--20); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); color: var(--nv-ink-60); }

.nv-csh__legend > span { display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--10); }

.nv-csh__dot { flex: none; width: 10px; height: 10px; border-radius: 999px; }

.nv-csh__stats { display: grid; gap: var(--wp--preset--spacing--20); margin: 0; }

.nv-csh__stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.nv-csh__stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.nv-csh__stats dt { font-family: var(--nv-mono); font-size: var(--nv-fs-mono); text-transform: uppercase; letter-spacing: 0.04em; color: var(--nv-ink-60); }

.nv-csh__stats dd { margin: 4px 0 0; font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--nv-ink); }

.nv-csh__stats .is-key { padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20); border-radius: var(--nv-radius-sm); background: color-mix(in srgb, var(--nv-orange) 7%, transparent); }

.nv-csh__stats .is-key :is(dt, dd) { color: var(--nv-orange-deep); }

.nv-csh .nv-csh__segmented { margin-top: var(--wp--preset--spacing--30); }

.nv-csh__segmented button:not(.is-active):hover { background: var(--nv-ink-05); color: var(--nv-ink); }

.nv-csh__interp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--20); }

.nv-csh__note { padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); border-radius: var(--nv-radius); background: var(--nv-ink-05); }

.nv-csh__note > * + * { margin-top: var(--wp--preset--spacing--10); }

.nv-csh .nv-csh__note--accent { background: color-mix(in srgb, var(--nv-orange) 7%, transparent); }

.nv-csh .nv-csh__note--accent .nv-lp-small { color: var(--nv-ink); }

.nv-csh .nv-csh__note--box { margin-top: var(--wp--preset--spacing--40); background: var(--nv-beige); }

/* The shared drawer's term/detail body (DunedinPACE), in the page's small
   text and without the <dl>'s user-agent margins. */

.nv-csh .nv-disclosure__body { margin: 0; }

.nv-csh .nv-disclosure__detail { max-width: none; font-size: var(--wp--preset--font-size--small); line-height: 1.55; color: var(--nv-ink-60); }

/* Complete record + shared ledger cards: .nv-lp-card without its border,
   beige on white bands. */

.nv-csh__ledger-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30); align-items: start; }

.nv-csh .nv-csh__ledger-card { border: 0; }

.nv-csh .nv-lp-band--white .nv-csh__ledger-card { background: var(--nv-beige); }

.nv-csh .nv-csh__ledger-card--muted { background: var(--nv-ink-05); }

.nv-csh__ledger-card > * + * { margin-top: var(--wp--preset--spacing--20); }

/* Mid CTA */

.nv-csh__mid { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--50); }

.nv-csh__mid-media { flex: 0 1 14rem; }

.nv-csh__mid-copy { flex: 1 1 min(24rem, 100%); }

.nv-csh__mid-copy > h2 { margin: 0 0 var(--wp--preset--spacing--20); }

.nv-csh__mid-copy > .nv-lp-actions + .nv-lp-fine { margin-top: var(--wp--preset--spacing--20); }

/* Benchmark */

.nv-csh__statement { max-width: 48rem; margin: 0 auto var(--wp--preset--spacing--50); font-family: var(--nv-serif); font-size: var(--nv-fs-lead); font-weight: 600; line-height: 1.4; text-align: center; color: var(--nv-ink); }

.nv-csh__statement strong { color: var(--nv-orange-deep); }

.nv-csh__benchmark-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30); }

/* Beige .nv-lp-card columns without the hairline. */

.nv-csh .nv-csh__bench-card { gap: var(--wp--preset--spacing--10); border: 0; background: var(--nv-beige); }

.nv-csh__bench-count { margin: 0; font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 700; color: var(--nv-orange-deep); }

.nv-csh__bench-count .nv-lp-small { font-family: var(--nv-sans); font-weight: 400; }

.nv-csh__strip-plot { position: relative; height: 20px; margin-top: auto; padding-top: var(--wp--preset--spacing--20); box-sizing: content-box; }

.nv-csh__strip-line { position: absolute; right: 0; bottom: 10px; left: 0; height: 1px; background: var(--nv-ink-20); }

.nv-csh__strip-dot { position: absolute; bottom: 10px; left: var(--nv-x); width: 6px; height: 6px; border-radius: 999px; background: var(--nv-ink-40); transform: translate(-50%, 50%); }

.nv-csh .nv-csh__strip-dot--core { width: 14px; height: 14px; border: 2px solid var(--nv-white); background: var(--nv-orange); box-shadow: 0 0 0 1px var(--nv-orange); }

.nv-csh__axis { display: flex; justify-content: space-between; gap: var(--wp--preset--spacing--20); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--nv-ink-60); }

.nv-csh__banner { max-width: 60rem; margin: var(--wp--preset--spacing--60) auto; }

.nv-csh .nv-csh__compare-title { margin-bottom: var(--wp--preset--spacing--10); font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 600; color: var(--nv-ink); }

.nv-csh__compare-title + .nv-lp-fine { margin-bottom: var(--wp--preset--spacing--30); }

/* Pill rows: the shared chip row, closed by a wider gap below. */

.nv-csh .nv-csh__pills { gap: var(--wp--preset--spacing--10); margin-bottom: var(--wp--preset--spacing--30); padding-bottom: 0; }

.nv-csh .nv-csh__pills .nv-filter-pill { font-size: var(--wp--preset--font-size--small); }

.nv-csh__marker-panel > * + * { margin-top: var(--wp--preset--spacing--10); }

.nv-csh__compare-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30); padding-top: var(--wp--preset--spacing--20); }

.nv-csh__compare-panels .nv-lp-card > * + * { margin-top: var(--wp--preset--spacing--20); }

.nv-csh__compare-panels .nv-lp-segmented { margin-top: var(--wp--preset--spacing--20); }

.nv-csh__cmp-panel > * + * { margin-top: var(--wp--preset--spacing--20); }

.nv-csh .nv-csh__cmp-panel .nv-lp-small + .nv-csh__multiplier { margin-top: 4px; }

.nv-csh__hbar-head { display: flex; justify-content: space-between; gap: var(--wp--preset--spacing--20); margin-bottom: 4px; font-size: var(--nv-fs-mono); color: var(--nv-ink-60); }

.nv-csh .nv-csh__hbar.is-core .nv-csh__hbar-head { font-weight: 600; color: var(--nv-orange-deep); }

.nv-csh__hbar + .nv-csh__hbar { margin-top: var(--wp--preset--spacing--20); }

.nv-csh__hbar-track { height: 8px; overflow: hidden; border-radius: var(--nv-radius-pill); background: var(--nv-ink-10); }

.nv-csh__hbar-fill { width: var(--nv-width); height: 100%; border-radius: inherit; background: var(--nv-orange); }

.nv-csh .nv-csh__hbar-fill--muted { background: var(--nv-ink-40); }

.nv-csh__multiplier { margin: 0; font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 700; color: var(--nv-orange-deep); }

.nv-csh__callout { font-style: italic; }

.nv-csh__compare-media { max-width: 32rem; margin: var(--wp--preset--spacing--40) auto var(--wp--preset--spacing--50); }

.nv-csh .nv-disclosure { margin-top: var(--wp--preset--spacing--20); }

.nv-csh__table-wrap { margin-top: 0; }

.nv-csh__table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: var(--wp--preset--font-size--small); }

.nv-csh__table th { padding: var(--wp--preset--spacing--10); border-bottom: 1px solid var(--nv-ink-10); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 600; text-align: center; text-transform: uppercase; color: var(--nv-ink-60); }

.nv-csh__table td { padding: var(--wp--preset--spacing--10); border-bottom: 1px solid var(--nv-ink-10); font-family: var(--nv-mono); text-align: center; color: var(--nv-ink-60); }

.nv-csh__table :is(th, td):first-child { text-align: left; }

.nv-csh__table td:first-child { font-family: var(--nv-sans); color: var(--nv-ink); }

.nv-csh__table tr.is-core { background: color-mix(in srgb, var(--nv-orange) 6%, transparent); }

.nv-csh__table tr.is-core td:first-child { font-weight: 700; }

.nv-csh__legend-list { margin: 0; padding-left: var(--wp--preset--spacing--20); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); line-height: 1.8; color: var(--nv-ink-60); }

.nv-csh__funnel { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--wp--preset--spacing--20); text-align: center; }

.nv-csh__funnel-value { margin: 0 0 4px; font-family: var(--nv-serif); font-size: var(--nv-fs-lead); font-weight: 700; color: var(--nv-orange-deep); }

/* Evidence hierarchy */

.nv-csh__h2-line { display: block; margin-top: var(--wp--preset--spacing--30); }

.nv-csh .nv-csh__tier-grid { margin-top: 0; gap: var(--wp--preset--spacing--30); }

.nv-csh__tier-item { display: flex; flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--20); }

/* Pace of aging */

.nv-csh .nv-csh__pace { padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30); }

.nv-csh .nv-csh__pace-axis { margin-bottom: var(--wp--preset--spacing--60); }

.nv-csh__pace-track { position: relative; height: 12px; margin: 0 var(--wp--preset--spacing--10) var(--wp--preset--spacing--50); border-radius: var(--nv-radius-pill); background: var(--nv-ink-10); }

.nv-csh__pace-range { position: absolute; top: 0; right: 2%; bottom: 0; left: 55%; border-radius: inherit; background: var(--nv-orange); }

.nv-csh__pace-mark { position: absolute; top: 50%; border-radius: 999px; transform: translate(-50%, -50%); }

.nv-csh__pace-mark--start { left: 55%; width: 16px; height: 16px; border: 3px solid var(--nv-ink-40); background: var(--nv-white); }

.nv-csh__pace-mark--end { left: 97%; width: 18px; height: 18px; background: var(--nv-orange-deep); }

.nv-csh__pace-label { position: absolute; bottom: calc(100% + var(--wp--preset--spacing--10)); margin: 0; font-weight: 600; transform: translateX(-50%); color: var(--nv-ink); }

.nv-csh__pace-label--start { left: 55%; }

.nv-csh__pace-label--end { left: 97%; color: var(--nv-orange-deep); }

.nv-csh__pace-total { margin: 0 0 var(--wp--preset--spacing--10); font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 700; text-align: center; color: var(--nv-orange-deep); }

.nv-csh__squares { display: flex; flex-wrap: wrap; gap: 4px; }

.nv-csh__square { width: 14px; height: 14px; border-radius: var(--nv-radius-tile); background: var(--nv-ink-20); }

.nv-csh__square.is-on { background: var(--nv-orange); }

/* Mouse study */

.nv-csh__survival { margin: var(--wp--preset--spacing--20) 0; }

.nv-csh__survival-row { display: grid; grid-template-columns: 10rem minmax(0, 1fr) 5rem; gap: var(--wp--preset--spacing--20); align-items: center; }

.nv-csh__survival-row + .nv-csh__survival-row { margin-top: var(--wp--preset--spacing--10); }

.nv-csh__survival-track { height: 12px; overflow: hidden; border-radius: var(--nv-radius-pill); background: var(--nv-ink-05); }

.nv-csh__survival-fill { display: block; width: var(--nv-width); height: 100%; border-radius: inherit; }

.nv-csh__survival-fill--control { background: var(--nv-ink-40); }

.nv-csh__survival-fill--core { background: var(--nv-orange); }

.nv-csh__survival-fill--senolytic { background: var(--nv-clinical-green); }

.nv-csh .nv-csh__ledger-card--beige { background: var(--nv-beige); }

/* Supporting research */

.nv-csh__support-list { display: grid; gap: var(--wp--preset--spacing--30); }

.nv-csh__support-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--40); padding: var(--wp--preset--spacing--40); }

.nv-csh__support-card > div > * + * { margin-top: var(--wp--preset--spacing--20); }

.nv-csh__keep strong { display: block; color: var(--nv-ink); }

/* Sources */

.nv-csh__sources { max-width: 52rem; }

.nv-csh__source-group + .nv-csh__source-group { margin-top: var(--wp--preset--spacing--40); }

.nv-csh__source-list { display: grid; gap: var(--wp--preset--spacing--20); margin: var(--wp--preset--spacing--20) 0 0; padding: 0; list-style: none; }

.nv-csh__source-list strong { display: block; }

.nv-csh__source-list .nv-csh__link { font-size: var(--wp--preset--font-size--small); overflow-wrap: anywhere; }

@media (max-width: 1023px) {
	.nv-csh__funnel { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	.nv-csh__stats--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 899px) {
	.nv-csh .nv-csh__split,
	.nv-csh__hero-results,
	.nv-csh__benchmark-grid,
	.nv-csh__compare-panels,
	.nv-csh__design-grid,
	.nv-csh__support-card { grid-template-columns: minmax(0, 1fr); }

	.nv-csh__hero-results,
	.nv-csh__benchmark-grid { max-width: 30rem; margin-inline: auto; }
}

@media (max-width: 719px) {
	.nv-csh__result-tabs,
	.nv-csh__stats--3,
	.nv-csh__interp-grid,
	.nv-csh__ledger-grid { grid-template-columns: minmax(0, 1fr); }

	.nv-csh__chart-row { grid-template-columns: minmax(0, 1fr) 3.5rem; gap: 4px var(--wp--preset--spacing--10); }

	.nv-csh__chart-row > .nv-lp-small { grid-column: 1 / -1; }

	.nv-csh__survival-row { grid-template-columns: minmax(0, 1fr) 4.5rem; }

	.nv-csh__survival-row > .nv-lp-small { grid-column: 1 / -1; }

	.nv-csh__list--cols { columns: 1; }

	.nv-csh .nv-csh__result-panel,
	.nv-csh__support-card { padding: var(--wp--preset--spacing--30); }
}

@media (max-width: 479px) {
	.nv-csh__stat-pair,
	.nv-csh__stats--4 { grid-template-columns: minmax(0, 1fr); }

	.nv-csh__funnel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}