/* Source guide: pages/evidence.css
 * Page-specific presentation.
 * Load order: base.css, components.css, page stylesheet, refresh.css.
 * Later rules intentionally refine earlier layouts; preserve cascade order.
 */

/* Evidence remains readable as a research document, with scope beside each claim. */
/* Group: Research article layout and section navigation. */
.evidence-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 85px;
}
.evidence-nav {
  position: sticky;
  top: 135px;
  align-self: start;
}
.evidence-nav .eyebrow {
  font-size: 10px;
  letter-spacing: 1px;
}
.evidence-nav a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
}
/* Group: Study cards, titles, and publication metadata. */
.study {
  padding: 0 0 55px;
  margin-bottom: 55px;
  border-bottom: 1px solid #cbd4df;
  scroll-margin-top: 125px;
}
.study:last-child {
  margin-bottom: 0;
}
.study h2 {
  font-size: 38px;
  margin: 22px 0;
}
.study > p {
  color: var(--muted);
  font-size: 15px;
}
.study-metadata {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 30px;
  padding: 28px 0;
  margin: 28px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.study-metadata dt {
  font-size: 11px;
  letter-spacing: 0.5px;
  color: var(--muted);
  margin-bottom: 5px;
}
.study-metadata dd {
  margin: 0;
  font-size: 14px;
}
.study .citation {
  font-size: 12px;
  margin-top: 23px;
}
/* Group: Limitations and supporting notes. */
.evidence-note {
  background: var(--mint);
  padding: 26px;
  margin-top: 25px;
  border-radius: 8px;
}
.evidence-note h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.evidence-note p {
  font-size: 14px;
  color: var(--muted);
}
.evidence-definitions > div {
  padding: 23px 0;
  border-bottom: 1px solid var(--line);
}
.evidence-definitions h3 {
  font-size: 21px;
  margin-bottom: 13px;
}
.evidence-definitions p {
  font-size: 14px;
  color: var(--muted);
}
/* Viewport (max-width: 1000px): component adjustments at this breakpoint. */
@media (max-width: 1000px) {
  .evidence-layout {
    grid-template-columns: 195px 1fr;
    gap: 45px;
  }
}
/* Viewport (max-width: 700px): component adjustments at this breakpoint. */
@media (max-width: 700px) {
  .evidence-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .evidence-nav {
    position: static;
  }
  .evidence-nav a {
    padding: 10px 0;
  }
  .study h2 {
    font-size: 30px;
  }
  .study-metadata {
    gap: 20px;
  }
  .study {
    scroll-margin-top: 100px;
  }
}

/* Align the opening copy with the page's main content container. */
.page-evidence .page-intro {
  max-width: var(--page-width);
  text-align: left;
}
.page-evidence .page-intro h1,
.page-evidence .page-intro .lead {
  margin-left: 0;
  margin-right: 0;
}

/* Viewport (max-width: 850px): component adjustments at this breakpoint. */
@media (max-width: 850px) {
  .evidence-layout {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .evidence-nav {
    position: static;
  }
}
/* Viewport (max-width: 380px): component adjustments at this breakpoint. */
@media (max-width: 380px) {
  .study-metadata {
    grid-template-columns: 1fr;
  }
  .study h2 {
    font-size: 27px;
  }
}
/* Source-specific charts: visible values remain readable without color or motion. */
/* Group: Outcome charts with visible numeric labels. */
.data-chart {
  margin: 32px 0;
  padding: 28px;
  background: #f0f5f2;
  border: 1px solid #d8e3dc;
  border-radius: 18px;
}
.data-chart > p {
  font-size: 13px;
  margin: 15px 0 25px;
}
.bar-row {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr) 40px;
  align-items: center;
  gap: 12px;
  margin: 17px 0;
  font-size: 12px;
}
.bar-row small {
  font-size: 10px;
}
.bar-row strong {
  font-weight: 500;
}
.bar-scale {
  height: 20px;
  background: #e0e6e1;
  border-radius: 3px;
  overflow: hidden;
}
.bar-scale i {
  display: block;
  height: 100%;
  background: #387366;
}
.bar-scale .bar-secondary {
  background: #79718e;
}
.chart-axis {
  display: flex;
  justify-content: space-between;
  margin: 0 52px 20px 157px;
  font-size: 10px;
  color: #525c57;
}
.data-chart figcaption {
  font-size: 11px;
  line-height: 1.75;
  padding-top: 20px;
  border-top: 1px solid #cedbd2;
}
.chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 10px;
  margin-bottom: 22px;
}
.grouped-bars h4 {
  margin-top: 22px;
}
/* Viewport (max-width: 600px): component adjustments at this breakpoint. */
@media (max-width: 600px) {
  .data-chart {
    padding: 20px;
  }
  .bar-row {
    grid-template-columns: 95px minmax(0, 1fr) 34px;
    gap: 8px;
    font-size: 10px;
  }
  .chart-axis {
    margin-left: 103px;
    margin-right: 42px;
  }
}

/* Supporting methods are available on demand without obscuring the findings. */
/* Group: Expandable methods and source details. */
.study-details {
  margin: 26px 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--mint);
}
.study-details summary {
  padding: 20px 24px;
  cursor: pointer;
  font-weight: 500;
  color: var(--navy);
}
.study-details summary:focus-visible {
  outline: 3px solid var(--teal-ink);
  outline-offset: 3px;
  border-radius: 12px;
}
.study-details[open] summary {
  border-bottom: 1px solid var(--line);
}
.study-details-body {
  padding: 24px;
}
.study-details-body h3 {
  font-size: 18px;
  margin: 22px 0 10px;
}
.study-details-body h3:first-child {
  margin-top: 0;
}
.study-details-body p {
  font-size: 14px;
  line-height: 1.8;
}
.study-details-body .study-metadata {
  margin-top: 0;
}
/* Viewport (max-width: 600px): component adjustments at this breakpoint. */
@media (max-width: 600px) {
  .study-details summary,
  .study-details-body {
    padding: 18px;
  }
  .study-details summary {
    font-size: 14px;
  }
}

/* Give patients and partners distinct, equally sized contact routes. */
/* Group: Patient and partnership contact routes. */
.evidence-contact-actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 260px;
}
.evidence-contact-actions .button {
  width: 100%;
  text-align: center;
}
.evidence-contact-actions .button-outline {
  color: white;
  border-color: #b8b9d0;
  background: transparent;
}
.evidence-contact-actions .button-outline:hover {
  background: rgba(255, 255, 255, 0.12);
}
/* Viewport (max-width: 700px): component adjustments at this breakpoint. */
@media (max-width: 700px) {
  .evidence-contact-actions {
    width: 100%;
    min-width: 0;
  }
}

/* Clinical review layout: full-width studies, clear source labels, no one-sided rules. */
.page-evidence .evidence-layout { display: block; }
.page-evidence .evidence-nav { position: static; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; }
.page-evidence .evidence-nav a { border: 0; border-radius: 24px; background: #edf4f1; padding: 12px 18px; }
.page-evidence .study { border: 0; padding: 36px; margin-bottom: 36px; border-radius: 24px; background: #f6f8fa; }
.page-evidence .study h2 { max-width: 850px; font-size: clamp(28px,3vw,40px); line-height: 1.2; }
.page-evidence .study > p { max-width: 900px; line-height: 1.75; }
.evidence-overview-heading { max-width: 760px; margin-bottom: 28px; }
.evidence-overview-heading h2 { margin: 18px 0; font-size: clamp(28px,3vw,40px); }
.evidence-overview-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.evidence-overview-grid > a { display: flex; flex-direction: column; padding: 28px; background: #edf4f1; border-radius: 20px; text-decoration: none; color: var(--navy); }
.evidence-overview-grid h3 { font-size: 21px; line-height: 1.4; margin: 18px 0 12px; }
.evidence-overview-grid p { font-size: 14px; line-height: 1.7; margin-bottom: 24px; }
.overview-number { font-size: 14px; color: #39796d; }
.overview-link { margin-top: auto; font-size: 13px; font-weight: 600; }
.trial-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 28px 0; }
.trial-facts > div { padding: 24px; background: #e7eeef; border-radius: 16px; }
.trial-facts strong { display: block; font-size: clamp(26px,3vw,38px); font-weight: 500; }
.trial-facts span { display: block; margin-top: 10px; font-size: 13px; line-height: 1.6; }
.page-evidence .study-takeaway { font-size: 19px; color: var(--navy); }
.page-evidence .data-chart { padding: 32px; border: 0; background: #fff; }
.page-evidence .bar-row { grid-template-columns: 180px minmax(0,1fr) 80px; font-size: 14px; margin-block: 24px; }
.page-evidence .bar-scale { height: 28px; border-radius: 7px; }
.page-evidence .bar-row small { font-size: 12px; }
.page-evidence .chart-axis { margin-left: 192px; margin-right: 92px; font-size: 12px; }
.page-evidence .data-chart figcaption { border: 0; font-size: 12px; }
.page-evidence .study-metadata, .page-evidence .study-details[open] summary { border: 0; }
.page-evidence .outcome-chart { margin: 28px 0; }
.page-evidence .outcome-chart > div { border: 0; border-radius: 12px; background: #e6f0eb; padding: 18px; margin-top: 10px; }
.page-evidence .outcome-chart > .neutral { background: #ececf3; }
.page-evidence .notice { border: 0; background: #e8ecf4; border-radius: 14px; padding: 24px; }
.page-evidence .evidence-definitions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 28px; }
.page-evidence .evidence-definitions > div { border: 0; padding: 24px; background: #fff; border-radius: 16px; }
.results-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-block: 28px; }
.result-card { padding: 28px; border-radius: 20px; background: #292c60; color: #fff; }
.result-label { font-size: 11px; letter-spacing: 1.5px; }
.result-card > strong { display: block; font-size: clamp(44px,5vw,64px); font-weight: 500; margin: 18px 0; line-height: 1.1; }
.result-card > strong span { font-size: .65em; }
.result-card p { font-size: 15px; line-height: 1.65; color: #fff; }
.result-card small { display: block; font-size: 11px; line-height: 1.6; color: #dde3f1; margin-top: 22px; }
.report-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 28px; }
.report-cards article { background: #fff; border-radius: 20px; padding: 28px; }
.report-cards h3 { font-size: 22px; line-height: 1.4; margin-top: 20px; }
.report-facts { display: flex; align-items: center; gap: 20px; margin-block: 24px; }
.report-facts strong { font-size: 44px; font-weight: 500; }
.report-facts span { font-size: 13px; }
.report-cards p { font-size: 14px; line-height: 1.75; }
.research-subheading { margin-top: 36px; font-size: 24px; }
@media(max-width: 800px) {
 .evidence-overview-grid, .results-overview, .report-cards { grid-template-columns: 1fr; }
 .page-evidence .study { padding: 24px; }
 .trial-facts { gap: 10px; }
 .trial-facts > div { padding: 16px; }
}
@media(max-width: 540px) {
 .trial-facts, .page-evidence .evidence-definitions { grid-template-columns: 1fr; }
 .page-evidence .study { padding: 20px; }
 .page-evidence .data-chart { padding: 18px; }
 .page-evidence .bar-row { grid-template-columns: minmax(0,1fr) 70px; gap: 8px; }
 .page-evidence .bar-row > span { grid-column: 1 / -1; }
 .page-evidence .chart-axis { margin-left: 0; margin-right: 78px; }
 .page-evidence .study h2 { font-size: 28px; }
}

/* Decorative brand circles sit behind milestone content without affecting readability. */
.page-evidence .result-card,
.page-evidence .trial-facts > div {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.page-evidence .result-card::before,
.page-evidence .trial-facts > div::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 230px;
  height: 230px;
  right: -65px;
  top: -50px;
  background: url('/images/logos/prosoma-circle.svg') center / contain no-repeat;
  opacity: .14;
  pointer-events: none;
}
.page-evidence .result-card::before { filter: brightness(0) invert(1); opacity: .075; }
.page-evidence .trial-facts > div::before { width: 170px; height: 170px; right: -45px; top: -35px; opacity: .09; }
/* Matching outline icons distinguish research and outcome cards; decorative only. */
.evidence-icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #dcebe6;
  color: #387366;
  flex: 0 0 auto;
}
.evidence-icon svg { width: 26px; height: 26px; }
.result-card .evidence-icon { color: #e1f3ef; background: rgba(255,255,255,.1); }
.page-evidence .evidence-overview-heading h2 { margin-top: 0; }

/* Outcome figures lead the cards; brand gradients progress from teal to indigo. */
.page-evidence .result-card:nth-child(1) {
  background: linear-gradient(135deg, #245e61 0%, #293b67 100%);
}
.page-evidence .result-card:nth-child(2) {
  background: linear-gradient(135deg, #34566f 0%, #393666 100%);
}
.page-evidence .result-card:nth-child(3) {
  background: linear-gradient(135deg, #41416d 0%, #292c60 100%);
}
.page-evidence .result-card > strong {
  font-size: clamp(76px, 7vw, 104px);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 1.1;
  margin: 8px 0 24px;
}
.page-evidence .result-card > strong span {
  font-size: .62em;
  letter-spacing: -0.025em;
}
/* Research review: restrained editorial layout with persistent section navigation. */
.page-evidence { --evidence-header-height:96px; }
.page-evidence .evidence-hero { background:linear-gradient(115deg,#f5f9ff,#edf4fa); border-bottom:1px solid #e2e8f1; }
.page-evidence .evidence-hero .page-intro { padding-block:72px 64px; }
.page-evidence .evidence-eyebrow { font-size:11px; letter-spacing:.18em; font-weight:600; color:#557087; margin:0 0 22px; }
.page-evidence .evidence-hero h1 { max-width:900px; font-size:clamp(36px,4.5vw,64px); line-height:1.14; letter-spacing:-.045em; margin:0 0 24px; }
.page-evidence .evidence-hero .lead { max-width:760px; font-size:17px; line-height:1.8; color:#53617a; }
.page-evidence .evidence-overview { padding-block:48px; }
.page-evidence .evidence-overview-heading h2 { font-size:26px; margin-bottom:12px; }
.page-evidence .evidence-overview-heading p { font-size:15px; color:#5b6680; }
.page-evidence .evidence-overview-grid { gap:20px; }
.page-evidence .evidence-overview-grid > a { border:1px solid #e2e8f1; background:#fff; border-radius:20px; padding:26px; box-shadow:0 6px 24px #262d6007; transition:background .2s,border-color .2s; }
.page-evidence .evidence-overview-grid > a:hover { background:#f3f8fd; border-color:#aec6dc; }
.page-evidence .evidence-icon { background:#edf4fc; color:#354b7b; }
.page-evidence .evidence-overview-grid h3 { font-size:19px; }
.page-evidence .overview-link { color:#364b7d; }
.page-evidence .evidence-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:48px; align-items:start; }
.page-evidence .evidence-layout > div { min-width:0; }
.page-evidence .evidence-sidebar { position:sticky; top:calc(var(--evidence-header-height) + 24px); align-self:start; max-height:calc(100dvh - var(--evidence-header-height) - 48px); overflow:auto; }
.page-evidence .evidence-nav { position:static; display:block; margin:0; padding:16px; background:#f5f8fc; border:1px solid #e2e8f1; border-radius:18px; }
.page-evidence .evidence-nav-title { font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#64728a; padding:6px 10px 12px; margin:0; }
.page-evidence .evidence-nav a { background:transparent; display:block; border:0; border-radius:10px; padding:12px 10px; margin:3px 0; line-height:1.5; font-size:13px; color:#52627b; transition:background .2s,color .2s; }
.page-evidence .evidence-nav a:hover { background:#e6edf7; color:#262d60; }
.page-evidence .evidence-nav a[aria-current="location"] { background:#262d60; color:#fff; font-weight:500; }
.page-evidence .evidence-nav a:focus-visible { outline:2px solid #466a9d; outline-offset:2px; }
.page-evidence .evidence-sidebar-note { font-size:12px; line-height:1.8; color:#6a7689; padding:20px 12px; margin:0; }
.page-evidence .study { padding:36px; border:1px solid #e2e8f1; border-radius:24px; background:#fff; box-shadow:0 10px 32px #262d6006; margin:0 0 32px; scroll-margin-top:calc(var(--evidence-header-height) + 24px); }
.page-evidence .evidence-kicker { display:block; font-size:10px; letter-spacing:.12em; font-weight:600; text-transform:uppercase; color:#60758e; margin-bottom:18px; }
.page-evidence .study h2 { font-size:clamp(26px,2.5vw,35px); line-height:1.25; letter-spacing:-.025em; margin:0 0 20px; }
.page-evidence .study h3 { font-size:20px; line-height:1.4; }
.page-evidence .study > p { font-size:15px; line-height:1.85; }
.page-evidence .trial-facts { gap:12px; }
.page-evidence .trial-facts > div { background:#f0f5fc; border:1px solid #e4ebf5; padding:20px; }
.page-evidence .trial-facts > div::before,.page-evidence .result-card::before { display:none; }
.page-evidence .trial-facts strong { font-size:30px; font-weight:600; line-height:1.25; }
.page-evidence .trial-facts span { font-size:12px; }
.page-evidence .study .study-takeaway { font-size:16px; line-height:1.85; color:#36476a; }
.page-evidence .data-chart { background:#f5f8fc; border:1px solid #e3eaf3; padding:26px; }
.page-evidence .bar-row { grid-template-columns:145px minmax(0,1fr) 75px; font-size:12px; }
.page-evidence .bar-scale { height:24px; background:#e5ebf4; border-radius:5px; }
.page-evidence .bar-scale i { background:#374d80; }
.page-evidence .bar-scale .bar-secondary { background:#9bb5d3; }
.page-evidence .chart-axis { margin-left:157px; margin-right:87px; }
.page-evidence .outcome-chart > div { background:#edf4fb; border:1px solid #e2eaf4; display:flex; justify-content:space-between; gap:18px; font-size:13px; }
.page-evidence .outcome-chart > .neutral { background:#f5f5f8; border-color:#e9e9ef; }
.page-evidence .outcome-chart strong { color:#33476a; font-size:12px; text-align:right; }
.page-evidence .notice,.page-evidence .evidence-note { background:#f1f5fb; border:1px solid #e0e8f2; border-radius:16px; padding:22px; }
.page-evidence .study-details { background:#f8faff; border-color:#e1e7f1; }
.page-evidence .study-details summary { font-size:14px; }
.page-evidence .study .citation { font-size:12px; line-height:1.8; color:#657187; }
.page-evidence .results-overview { gap:12px; }
.page-evidence .result-card:nth-child(n) { background:#f0f5fc; color:#262d60; border:1px solid #e0e8f3; border-radius:16px; padding:22px; display:flex; flex-direction:column; }
.page-evidence .result-card > strong { color:#262d60; font-size:clamp(42px,4vw,62px); font-weight:600; margin:4px 0 20px; }
.page-evidence .result-card p { color:#455470; font-size:13px; line-height:1.75; }
.page-evidence .result-card small { color:#69768b; font-size:11px; margin-top:auto; padding-top:18px; }
.page-evidence .report-cards { gap:16px; }
.page-evidence .report-cards article,.page-evidence .evidence-definitions > div { border:1px solid #e2e8f1; background:#f8faff; padding:24px; border-radius:16px; }
.page-evidence .report-cards h3 { margin-top:0; font-size:19px; }
.page-evidence .report-facts strong { font-size:38px; }
.page-evidence .report-facts { gap:16px; }
.page-evidence .evidence-definitions { gap:16px; }
.page-evidence .evidence-definitions h3 { font-size:17px; }
.page-evidence .evidence-definitions p { line-height:1.8; font-size:13px; }
@media(max-width:1100px) {
 .page-evidence .evidence-layout { grid-template-columns:190px minmax(0,1fr); gap:26px; }
 .page-evidence .study { padding:26px; }
 .page-evidence .results-overview { grid-template-columns:1fr; }
}
@media(max-width:900px) {
 .page-evidence .evidence-layout { display:block; }
 .page-evidence .evidence-sidebar { z-index:20; top:var(--evidence-header-height); max-height:none; overflow:visible; margin-bottom:24px; background:#fff; }
 .page-evidence .evidence-nav { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:6px; border-radius:12px; padding:8px; box-shadow:0 6px 18px #262d6009; }
 .page-evidence .evidence-nav a { white-space:nowrap; flex:0 0 auto; padding:10px 12px; margin:0; font-size:12px; }
 .page-evidence .evidence-nav-title,.page-evidence .evidence-sidebar-note { display:none; }
 .page-evidence .study { scroll-margin-top:calc(var(--evidence-header-height) + 90px); }
 .page-evidence .evidence-hero .page-intro { padding-block:48px; }
}
@media(max-width:600px) {
 .page-evidence .study { padding:22px 18px; border-radius:18px; }
 .page-evidence .evidence-hero .lead { font-size:15px; }
 .page-evidence .trial-facts { grid-template-columns:1fr; }
 .page-evidence .trial-facts > div { display:flex; align-items:center; gap:22px; }
 .page-evidence .trial-facts strong { flex:0 0 105px; font-size:25px; }
 .page-evidence .trial-facts span { margin:0; }
 .page-evidence .data-chart { padding:18px; }
 .page-evidence .bar-row { grid-template-columns:minmax(0,1fr) 70px; }
 .page-evidence .bar-row > span { grid-column:1/-1; }
 .page-evidence .chart-axis { margin-left:0; margin-right:82px; }
 .page-evidence .outcome-chart > div { display:block; }
 .page-evidence .outcome-chart strong { display:block; text-align:left; margin-top:5px; }
 .page-evidence .report-cards,.page-evidence .evidence-definitions { grid-template-columns:1fr; }
}
html.evidence-document { scroll-padding-top:0; }

/* Keep the partnership action outlined against the dark contact panel. */
body.page-evidence main .callout .evidence-contact-actions .button.button-outline {
  background: transparent;
  color: #fff;
  border-color: #ceddf4;
}
body.page-evidence main .callout .evidence-contact-actions .button.button-outline:hover {
  background: #fff;
  color: #262d60;
  border-color: #fff;
}

/* Editorial infographics: precise scales, distinct cohorts, readable annotations. */
.page-evidence .trial-story { display:grid; grid-template-columns:1.2fr 1fr; border-radius:20px; overflow:hidden; margin:30px 0; background:#f3f9fd; }
.page-evidence .trial-story-main,.page-evidence .trial-story-note { padding:28px; }
.page-evidence .trial-story h3 { font-size:25px; letter-spacing:-.035em; margin:0 0 14px; }
.page-evidence .trial-story p { font-size:13px; line-height:1.8; }
.page-evidence .trial-story-note { background:#262d60; color:#fff; }
.page-evidence .trial-story-note h3,.page-evidence .trial-story-note p { color:#fff; }
.page-evidence .trial-story-note .evidence-kicker { color:#c8e6f4; }
.page-evidence .allocation-bar { display:flex; height:32px; overflow:hidden; border-radius:20px; margin-top:28px; gap:3px; }
.page-evidence .allocation-bar span:first-child { width:45.7142857%; background:#262d60; }
.page-evidence .allocation-bar span:last-child { flex:1; background:repeating-linear-gradient(125deg,#a8d5eb 0 4px,#d8eef8 4px 6px); }
.page-evidence .allocation-labels { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
.page-evidence .allocation-labels strong { display:block; font-size:40px; line-height:1.2; font-weight:500; letter-spacing:-.04em; }
.page-evidence .allocation-labels span { display:block; font-size:11px; margin-top:8px; }
.page-evidence .study-duration { display:block; font-size:48px; line-height:1.2; font-weight:500; margin-top:24px; }
.page-evidence .study-duration small { display:block; font-size:11px; color:#d4e7f7; margin-top:6px; font-weight:400; }
.page-evidence .infographic-chart { background:#f3f9fd; border:0; border-radius:20px; padding:30px; }
.page-evidence .infographic-chart h3 { font-size:24px; letter-spacing:-.025em; }
.page-evidence .infographic-chart .bar-scale { height:28px; border-radius:30px; background:#e4f1f8; }
.page-evidence .infographic-chart .bar-scale i { border-radius:30px; background:#262d60; }
.page-evidence .infographic-chart .bar-scale .bar-secondary { background:repeating-linear-gradient(125deg,#a8d5eb 0 4px,#d8eef8 4px 6px); }
.page-evidence .infographic-chart .bar-row > strong { font-size:17px; font-weight:500; white-space:nowrap; }
.page-evidence .infographic-chart figcaption { border-top:1px solid #d8e7f1; padding-top:16px; margin-top:20px; }
.page-evidence .result-card:nth-child(n) { background:#f3f9fd; border:0; border-radius:18px; padding:24px 20px; }
.page-evidence .metric-label { font-size:11px; font-weight:600; letter-spacing:.04em; margin-bottom:20px; }
.page-evidence .metric-ring { position:relative; width:min(100%,160px); aspect-ratio:1; margin:0 auto 24px; display:grid; place-items:center; flex-shrink:0; }
.page-evidence .ring-art { position:absolute; inset:0; border-radius:50%; background:conic-gradient(#262d60 var(--value),#cce8f5 0); }
.page-evidence .ring-art::after { content:''; position:absolute; inset:14px; background:#f3f9fd; border-radius:50%; }
.page-evidence .metric-ring strong { position:relative; font-size:44px; font-weight:500; letter-spacing:-.06em; line-height:1; color:#262d60; }
.page-evidence .metric-ring strong span { font-size:24px; }
.page-evidence .result-card p { margin-top:0; }
.page-evidence .result-card small { border-top:1px solid #d8e7f1; padding-top:15px; }
.page-evidence .evidence-note { border:0; background:#edf4f9; }
.page-evidence .report-facts { border-bottom:1px solid #d9e2ee; padding-bottom:20px; margin-bottom:20px; }
.page-evidence .report-facts strong { font-size:54px; font-weight:500; letter-spacing:-.05em; color:#262d60; }
.page-evidence .report-cards article { background:#f3f9fd; border:0; }
@media(min-width:701px) and (max-width:1100px) {
 .page-evidence .results-overview { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .page-evidence .result-card:nth-child(n) { padding:20px 14px; }
 .page-evidence .metric-ring strong { font-size:36px; }
}
@media(max-width:700px) {
 .page-evidence .trial-story { grid-template-columns:1fr; }
 .page-evidence .trial-story-main,.page-evidence .trial-story-note { padding:24px; }
 .page-evidence .results-overview { grid-template-columns:1fr; }
 .page-evidence .metric-ring { width:150px; }
 .page-evidence .infographic-chart { padding:20px; }
}

.page-evidence .chart-legend span::before { content:""; display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:7px; background:#a8d5eb; vertical-align:middle; }
.page-evidence .chart-legend span:last-child::before { background:#262d60; }

/* Reversible vector illustration layer: editorial motifs, with real trial counts. */
.page-evidence .evidence-overview-grid > a {
  overflow: hidden;
  background: linear-gradient(155deg, #fff 45%, #f2f8fc);
  border: 1px solid #e0e9f2;
  box-shadow: 0 12px 32px #262d6008;
}
.page-evidence .evidence-vector {
  display: block;
  width: 100%;
  height: auto;
  max-height: 185px;
  object-fit: contain;
  margin: -4px auto 24px;
}
.page-evidence .participant-vector {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 28px;
}
.page-evidence .trial-story .participant-key {
  color: #60758e;
  font-size: 11px;
  margin: 8px 0 0;
}
.page-evidence #ongoing {
  display: flow-root;
  background: linear-gradient(120deg, #fff 48%, #eff7fc);
}
.page-evidence .ongoing-vector {
  float: right;
  width: 32%;
  height: auto;
  margin: 0 0 24px 24px;
}
@media(max-width:700px) {
  .page-evidence .evidence-vector { max-height: 155px; margin-bottom: 20px; }
  .page-evidence .ongoing-vector { float: none; display: block; width: min(100%,260px); margin: 0 auto 24px; }
}

.page-evidence .evidence-contact-actions .button { width:auto !important; min-width:300px; }
@media(max-width:600px) { .page-evidence .evidence-contact-actions .button { min-width:0; width:100% !important; } }