@import url("./glass.css?v=c9def7071ae6");


.clinical-skip {
  position: fixed;
  top: -4rem;
  left: 1rem;
  z-index: 1000;
  padding: .7rem 1rem;
  border-radius: 999px;
  background: var(--reader-ink, #0c2340);
  color: var(--reader-ground, #fff);
  font: 750 .82rem/1.1 system-ui, sans-serif;
}
.clinical-skip:focus { top: 1rem; }

/* Clinical Results Library — Rhode-editorial screen layer.
   The reports keep their original print rules and source-document formality;
   this file only changes the browser presentation. */

@media screen {
  html {
    background: var(--reader-ground, #E7E4DD);
    color-scheme: light dark;
    scroll-behavior: smooth;
  }

  body.clinical-library,
  body.clinical-report {
    --ink: var(--reader-ink, #23211E);
    --ink2: var(--reader-ink, #23211E);
    --muted: var(--reader-ink-soft, #67635C);
    --line: var(--reader-line, rgba(35, 33, 30, .14));
    --line2: var(--reader-line, rgba(35, 33, 30, .14));
    --paper: var(--reader-ground, #E7E4DD);
    --shade: var(--reader-ground-2, #F1EFEA);
    --ice: var(--reader-ground-2, #F1EFEA);
    --accent-soft: var(--reader-ground-2, #F1EFEA);
    margin: 0;
    background: var(--reader-ground, #E7E4DD);
    color: var(--reader-ink, #23211E);
    font-family: var(--font-body, "Avenir Next", Avenir, system-ui, sans-serif);
    font-size: clamp(1rem, .45vw + .9rem, 1.1rem);
    line-height: 1.62;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: clip;
  }

  body.clinical-library *,
  body.clinical-report * { box-sizing: border-box; }

  body.clinical-library a,
  body.clinical-report a {
    color: inherit;
    text-underline-offset: .18em;
    text-decoration-thickness: 1px;
  }

  body.clinical-library :focus-visible,
  body.clinical-report :focus-visible {
    outline: 2px solid var(--reader-clay, #8F5330);
    outline-offset: 3px;
  }

  /* Keep the complete-site menu independent from report action buttons. */
  body .clinical-hub-menu {
    right: auto;
    left: max(12px, env(safe-area-inset-left));
  }

  body .clinical-hub-menu .hub-menu__panel {
    right: auto;
    left: 0;
  }

  /* Shared, quiet utility bar: existing report actions plus the theme control. */
  body.clinical-report .topbar,
  body.clinical-library .clinical-actions {
    position: fixed;
    top: max(12px, env(safe-area-inset-top));
    right: max(14px, env(safe-area-inset-right));
    z-index: 80;
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0;
  }

  body.clinical-report .topbar a,
  body.clinical-report .topbar button,
  body.clinical-report .topbar .btn,
  body.clinical-library .clinical-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid color-mix(in srgb, var(--reader-ink, #23211E) 34%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--reader-ground, #E7E4DD) 92%, transparent);
    color: var(--reader-ink, #23211E);
    box-shadow: 0 10px 28px -22px color-mix(in srgb, var(--reader-ink, #23211E) 55%, transparent);
    font: 750 .68rem/1 var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    letter-spacing: .07em;
    text-decoration: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  body.clinical-report .topbar a:hover,
  body.clinical-report .topbar button:hover,
  body.clinical-library .clinical-actions button:hover {
    background: var(--reader-ink, #23211E);
    color: var(--reader-ground, #E7E4DD);
  }

  /* Library index — one calm editorial field, numbered report rows. */
  body.clinical-library .shell {
    width: min(1120px, calc(100% - clamp(40px, 8vw, 112px)));
    margin-inline: auto;
  }

  body.clinical-library > header {
    position: relative;
    overflow: hidden;
    padding: clamp(5.5rem, 12vw, 9rem) 0 clamp(3rem, 7vw, 5rem);
    border-top: 0;
    border-bottom: 1px solid var(--reader-line, rgba(35, 33, 30, .14));
  }

  body.clinical-library > header::after {
    content: "08";
    position: absolute;
    right: clamp(1rem, 7vw, 7rem);
    bottom: -.13em;
    z-index: 0;
    color: color-mix(in srgb, var(--reader-ink, #23211E) 7%, transparent);
    font: 400 clamp(9rem, 29vw, 25rem)/.72 var(--font-display, Didot, Georgia, serif);
    letter-spacing: -.08em;
    pointer-events: none;
  }

  body.clinical-library > header .shell { position: relative; z-index: 1; }
  body.clinical-library .eyebrow,
  body.clinical-report :is(.eyebrow, .kicker, .section-title span, .header-kicker, .header-kicker span) {
    margin: 0 0 .75rem;
    color: var(--reader-clay, #8F5330);
    font: 750 .7rem/1.4 var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    letter-spacing: .2em;
    text-transform: uppercase;
  }

  body.clinical-library h1 {
    max-width: 11ch;
    margin: 0;
    color: var(--reader-ink, #23211E);
    font: 800 clamp(3.6rem, 11vw, 8.5rem)/.88 var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    letter-spacing: -.045em;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  body.clinical-library .lead {
    max-width: 64ch;
    margin: clamp(1.4rem, 3vw, 2.2rem) 0 0;
    color: var(--reader-ink, #23211E);
    font-size: clamp(1.15rem, 2.2vw, 1.45rem);
    line-height: 1.45;
  }

  body.clinical-library nav { margin-top: clamp(1.5rem, 3vw, 2.2rem); }
  body.clinical-library nav a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin: 0 1.1rem 0 0;
    font-family: var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    font-size: .85rem;
    font-weight: 750;
  }

  body.clinical-library main { padding: clamp(1.25rem, 4vw, 3rem) 0 clamp(4rem, 8vw, 7rem); }

  /* The legacy library document pins these headings to brand navy. That works
     on paper, but disappears against the opt-in dark reader ground. Keep the
     authored hierarchy while sourcing its ink from the active reader theme. */
  body.clinical-library .section-heading {
    color: var(--reader-ink, #23211E);
  }

  body.clinical-library .reports {
    counter-reset: report;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 clamp(1.5rem, 5vw, 4rem);
  }

  body.clinical-library .reports article,
  body.clinical-library .reports article:first-child {
    counter-increment: report;
    position: relative;
    grid-column: auto;
    min-height: 0;
    padding: clamp(2rem, 4vw, 3.25rem) 0;
    border: 0;
    border-top: 1px solid var(--reader-line, rgba(35, 33, 30, .14));
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.clinical-library .reports article::before {
    content: counter(report, decimal-leading-zero);
    display: block;
    margin-bottom: 1.2rem;
    padding-bottom: .75rem;
    color: var(--reader-ink, #23211E);
    background: var(--hairline-gold) bottom / 100% 1px no-repeat;
    font: 400 1.35rem/1 var(--font-display, Didot, Georgia, serif);
    font-variant-numeric: lining-nums tabular-nums;
  }

  body.clinical-library .reports h2 {
    margin: 0 0 .8rem;
    color: var(--reader-ink, #23211E);
    font: 750 clamp(1.65rem, 3vw, 2.45rem)/1 var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    letter-spacing: -.03em;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  body.clinical-library .reports article p {
    flex: 1;
    margin: 0 0 1.4rem;
    color: var(--reader-ink-soft, #67635C);
  }

  /* The legacy card image rule bleeds 28px through card padding. Editorial
     report rows have no card padding, so retain a calm full-row image instead
     of expanding beyond the mobile shell gutter. */
  body.clinical-library .clinical-card-media {
    width: 100%;
    margin: 0 0 1.5rem;
  }

  body.clinical-library .links { gap: .6rem 1rem; }
  body.clinical-library .links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: .72rem 1rem;
    border: 1px solid color-mix(in srgb, var(--reader-ink, #23211E) 34%, transparent);
    border-radius: 2px;
    background: transparent;
    color: var(--reader-ink, #23211E);
    font: 750 .72rem/1.2 var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    letter-spacing: .06em;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
  }

  body.clinical-library .links a:first-child {
    border-color: var(--reader-ink, #23211E);
    background: var(--reader-ink, #23211E);
    color: var(--reader-ground, #E7E4DD);
  }

  body.clinical-library .links a:hover {
    border-color: var(--reader-clay, #8F5330);
    transform: translateY(-1px);
  }

  /* Detail reports — keep laboratory structure, remove the PDF-on-a-gray-desk frame. */
  body.clinical-report .report,
  body.clinical-report > .page {
    width: min(100%, 1120px);
    max-width: 1120px;
    margin: 0 auto;
    background: var(--reader-ground, #E7E4DD);
    color: var(--reader-ink, #23211E);
    box-shadow: none;
  }

  body.clinical-report .page {
    min-height: 0;
    padding: clamp(3.5rem, 7vw, 6.5rem) clamp(24px, 7vw, 84px);
    border-color: var(--reader-line, rgba(35, 33, 30, .14));
    background: var(--reader-ground, #E7E4DD);
    overflow: visible;
  }

  body.clinical-report > .page { padding: 0; }
  body.clinical-report > .page > :is(.titleblock, section, header.lh, footer) {
    padding-inline: clamp(24px, 7vw, 84px);
  }

  body.clinical-report .hero,
  body.clinical-report .source-divider,
  body.clinical-report .hub-visual-page {
    background: var(--reader-ground, #E7E4DD);
  }
  body.clinical-report .hero { overflow: clip; }

  body.clinical-report .hero::before { border-color: color-mix(in srgb, var(--gold) 46%, transparent); }
  body.clinical-report .page-header,
  body.clinical-report header.lh {
    height: auto;
    min-height: 49px;
    border-color: var(--reader-line, rgba(35, 33, 30, .14));
  }

  body.clinical-report :is(h1, h2, h2.sec, .section-lead, .divider-inner h2) {
    color: var(--reader-ink, #23211E);
    font-family: var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    font-weight: 750;
    letter-spacing: -.03em;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  body.clinical-report h1 {
    max-width: 14ch;
    font-size: clamp(3rem, 8.5vw, 6.8rem);
    line-height: .9;
  }

  body.clinical-report :is(h2, .divider-inner h2) {
    font-size: clamp(2.1rem, 5vw, 3.6rem);
    line-height: .98;
  }

  body.clinical-report h2.sec {
    padding-bottom: .9rem;
    border-bottom: 0;
    background: var(--hairline-gold) bottom / 100% 1px no-repeat;
    font-size: clamp(1.45rem, 3vw, 2.2rem);
    letter-spacing: -.02em;
  }

  body.clinical-report :is(.proof-value, .method-number, h2.sec .no, .claimcard .big, .quote strong) {
    color: var(--reader-ink, #23211E);
    font-family: var(--font-display, Didot, Georgia, serif);
  }

  body.clinical-report :is(.proof-time, .claimcard .label, .meta .k, .source-grid span) {
    color: var(--reader-ink-soft, #67635C);
  }

  body.clinical-report :is(.brand-lockup span, .study-ribbon span, .flag) {
    color: var(--reader-ink-soft, #67635C);
  }

  body.clinical-report :is(.proof-card, .feature-panel, .method-grid article, .auth-panel, .context-note,
    .source-grid, .chart, .quote, .meta, .lab-attr, .synopsis, .rename-note, .claimcard,
    .metric-note, .fig, .chartwrap, .conclusion-section .conclude, .study-ribbon span, .flag) {
    border-color: var(--reader-line, rgba(35, 33, 30, .14));
    background: var(--reader-ground-2, #F1EFEA);
    color: var(--reader-ink, #23211E);
    box-shadow: none;
  }

  body.clinical-report :is(.proof-card, .auth-panel, .context-note, .synopsis, .rename-note,
    .conclusion-section .conclude) {
    border-left-color: var(--gold);
  }

  body.clinical-report .proof-card { border-top-color: var(--gold); }
  body.clinical-report :is(p, li, .body-copy, .hero-lead, .subt, .feature-panel p, .method-grid p,
    .auth-panel p, .context-note p, .quote span, .meter-item small, .tnote, figcaption) {
    color: var(--reader-ink-soft, #67635C);
  }

  body.clinical-report :is(.result-table th, thead th, .subj .sh, .confid) {
    background: var(--bb-blue-wash, #EDF3F9);
    color: var(--bb-navy, #002B59);
  }

  body.clinical-report :is(.result-table tbody tr:nth-child(even), tbody tr:nth-child(even), .meta div:nth-child(odd)) {
    background: color-mix(in srgb, var(--reader-ink, #23211E) 4%, transparent);
  }

  body.clinical-report .meter-track {
    background: color-mix(in srgb, var(--reader-ink, #23211E) 12%, transparent);
  }

  body.clinical-report .meter-track i {
    background: linear-gradient(90deg, var(--reader-clay, #8F5330), var(--reader-ink, #23211E));
  }

  body.clinical-report .hub-visual-page {
    display: flex;
    padding-block: clamp(3.5rem, 8vw, 7rem);
  }

  body.clinical-report .hub-visual-grid figure {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.clinical-report .hub-visual-grid img {
    border-radius: 4px;
    filter: drop-shadow(0 26px 38px color-mix(in srgb, var(--reader-ink, #23211E) 16%, transparent));
  }

  body.clinical-report .hub-visual-grid figcaption {
    margin-top: .8rem;
    padding: .85rem 0 0;
    border-top: 1px solid var(--gold);
    color: var(--reader-ink-soft, #67635C);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: .68rem;
    font-weight: 500;
  }

  body.clinical-report .source-link,
  body.clinical-report .source-cta a {
    min-height: 44px;
    border: 1px solid var(--reader-ink, #23211E);
    border-radius: 999px;
    background: var(--reader-ink, #23211E);
    color: var(--reader-ground, #E7E4DD);
    font-family: var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  body.clinical-report .divider-inner { margin-top: 0; }

  /* Shared footer family used by SSR pages, adapted to static clinical reports. */
  .clinical-site-footer {
    width: min(100% - clamp(40px, 8vw, 112px), 980px);
    margin: clamp(3rem, 8vw, 6rem) auto 0;
    padding: 1px 0 max(3rem, env(safe-area-inset-bottom));
    background: var(--hairline-gold) top / 100% 1px no-repeat;
    color: var(--reader-ink-soft, #67635C);
  }

  .clinical-site-footer .label {
    margin: 1.2rem 0 .5rem;
    font: 500 .68rem/1.4 var(--font-mono, ui-monospace, monospace);
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .clinical-site-footer ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .clinical-site-footer a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;
    min-height: 56px;
    padding: .65rem 0;
    border-bottom: 1px solid var(--reader-line, rgba(35, 33, 30, .14));
    color: var(--reader-ink, #23211E);
    font-family: var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    font-size: .9rem;
    font-weight: 750;
    text-decoration: none;
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  .clinical-site-footer .mark {
    color: var(--reader-ink, #23211E);
    font: 400 1.05rem/1 var(--font-display, Didot, Georgia, serif);
  }

  .clinical-site-footer .meta {
    color: var(--reader-ink-soft, #67635C);
    font: 400 .64rem/1.4 var(--font-mono, ui-monospace, monospace);
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  @media (max-width: 760px) {
    body.clinical-report .topbar,
    body.clinical-library .clinical-actions {
      left: max(68px, calc(env(safe-area-inset-left) + 56px));
      right: max(12px, env(safe-area-inset-right));
      justify-content: flex-start;
      overflow-x: auto;
      scrollbar-width: none;
    }

    body.clinical-report .topbar a,
    body.clinical-report .topbar button,
    body.clinical-library .clinical-actions button { flex: 0 0 auto; padding-inline: 7px; font-size: .62rem; letter-spacing: .02em; }
    body.clinical-library .reports { grid-template-columns: 1fr; }
    body.clinical-report .page { padding-inline: 24px; }
    body.clinical-report > .page > :is(.titleblock, section, header.lh, footer) { padding-inline: 24px; }
    .clinical-site-footer ul { grid-template-columns: 1fr; }
    .clinical-site-footer .meta { display: none; }
  }

  @media (prefers-reduced-transparency: reduce) {
    body.clinical-report .topbar a,
    body.clinical-report .topbar button,
    body.clinical-library .clinical-actions button {
      background: var(--reader-ground, #E7E4DD);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
  }
}

@media print {
  /* Authored report headings and notes also use the shared legacy tokens. */
  body.clinical-report { --ink: #00002D; --muted: #5D6472; }
  /* Shared R95 navigation replaces the old clinical-only chrome. Keep its
     controls and site footer out of the authored report pages. */
  body.clinical-report > .site-key,
  body.clinical-report > [data-site-key-footer],
  body.clinical-report .hub-menu__trigger,
  body.clinical-report .hub-menu__panel,
  .clinical-site-footer,
  .clinical-actions,
  .clinical-hub-menu { display: none !important; }
}

/* The three editorial reports retain their authored print layouts. Their
   screen tables and charts scroll locally at readable size, without clipping
   the report or changing a source image, result or qualifying frame. */
@media screen {
  body.clinical-report.clinical-readable-report { font-size: 18px; overflow-x: visible; }
  body.clinical-readable-report .report :is(.page-body, .page-inner, .hero-grid > *, .two-col > *, .divider-inner, .source-grid > *, .hub-visual-grid figure) { min-width: 0; max-width: 100%; }
  body.clinical-readable-report .hero-grid { grid-template-columns: minmax(0, 1.13fr) minmax(0, .87fr); }
  body.clinical-readable-report .two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.clinical-readable-report .brand-lockup { flex-wrap: wrap; }
  body.clinical-readable-report .report :is(p, li, .body-copy, .hero-lead, .feature-panel p, .method-grid p, .context-note p, .auth-panel p) { font-size: 18px; line-height: 1.6; }
  body.clinical-readable-report .report :is(.proof-label, .meter-copy, .quote span, .source-grid b, .table-title, .feature-panel h3, .method-grid h3, .context-note b, .auth-panel b) { font-size: 16px; line-height: 1.5; }
  body.clinical-readable-report .report :is(.eyebrow, .section-title span, .header-kicker, .brand-lockup span, .proof-time, .proof-card p, .source-grid span, .meter-item small, .table-note, .technical-footer, figcaption) { font-size: 13px; line-height: 1.5; }
  body.clinical-readable-report .report .privacy-note { font-size: 13px !important; }
  body.clinical-readable-report .report .study-ribbon :is(a, span) { font-size: 16px !important; line-height: 1.5; }
  body.clinical-report.clinical-readable-report .topbar :is(a, button),
  body.clinical-readable-report .report .source-link { font-size: 16px; line-height: 1.5; letter-spacing: .03em; }
  body.clinical-readable-report .report .source-link { max-width: 100%; white-space: normal; }
  body.clinical-readable-report .divider-inner > img { display: block; width: min(100%, 320px); max-width: 100%; height: auto; margin-inline: auto; object-fit: contain; }
  body.clinical-readable-report .report :is(.table-scroll, .chart-scroll, .visual-scroll) { display: block; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: auto; }
  body.clinical-readable-report .report :is(.table-scroll, .chart-scroll, .visual-scroll):focus-visible { outline: 3px solid var(--reader-clay, #8F5330); outline-offset: 3px; }
  body.clinical-readable-report .report table { display: table; width: 100%; min-width: 720px; overflow: visible; border-collapse: collapse; font-size: 18px; line-height: 1.5; }
  body.clinical-readable-report .report table :is(td, th),
  body.clinical-readable-report .report .result-table.compact :is(td, th) { padding: 10px 12px; font-size: 18px; line-height: 1.5; }
  body.clinical-readable-report .report table :is(thead th, caption) { font-size: 16px; }
  body.clinical-readable-report .report .table-scroll-cue { display: block; font-size: 13px; line-height: 1.5; }
  /* Keep plot geometry at its authored canvas size and raise screen labels. */
  body.clinical-readable-report .chart-scroll svg { display: block; width: 720px; min-width: 720px; max-width: none; height: auto; }
  body.clinical-readable-report .chart-scroll svg text { font-size: 13px; }
  /* Authored chart images retain their 800px canvas and original proportions;
     the smallest source label is 15px instead of shrinking with the column. */
  body.clinical-readable-report .hub-visual-grid { grid-template-columns: 1fr; }
  body.clinical-readable-report .hub-visual-grid .visual-scroll img { display: block; width: 800px; min-width: 800px; max-width: none; height: auto; max-height: none; object-fit: contain; filter: none; }
  @media (max-width: 760px) {
    body.clinical-readable-report :is(.hero-grid, .two-col) { grid-template-columns: minmax(0, 1fr); }
    /* C-Bright's inline three-column quote layout needs one readable column. */
    body.clinical-readable-report .quote-grid { grid-template-columns: minmax(0, 1fr) !important; }
  }
}

/* Clinical report blocks (BB26): timepoint charts drawn from each report's own
   result table, the "Study design and limits" panel beside the claims, the
   report actions placed after the first framed finding, and the inline
   Beauty Book page. Marks use the BB26 navy; text uses ink tokens. */
.clinical-chart { margin: 0 0 32px; }
.clinical-chart .chart-scroll { display: block; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.clinical-chart .chart-scroll:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.clinical-chart svg { display: block; width: 100%; min-width: 520px; max-width: 720px; height: auto; font-family: var(--bb-font-body, "Nunito Sans", Arial, sans-serif); font-variant-numeric: tabular-nums; }
.clinical-chart .chart-grid { stroke: var(--bb-line, #CFD9E4); stroke-width: 1; }
.clinical-chart .chart-baseline { stroke: var(--bb-muted, #505966); stroke-width: 1; }
.clinical-chart .chart-bar { fill: var(--bb-navy, #002B59); }
.clinical-chart .chart-bar--not-significant { fill: var(--bb-blue-wash, #EDF3F9); stroke: var(--bb-navy, #002B59); stroke-width: 2; }
.clinical-chart .chart-value { fill: var(--bb-ink, #221F1F); font-size: 15px; font-weight: 700; }
.clinical-chart :is(.chart-tick, .chart-label, .chart-note) { fill: var(--bb-muted, #505966); font-size: 13px; }
.clinical-chart .chart-panel-title { fill: var(--bb-ink, #221F1F); font-size: 14px; font-weight: 700; }
.clinical-chart figcaption { max-width: 70ch; margin-top: 12px; color: var(--bb-muted, #505966); }

.study-limits { max-width: 72ch; margin: 24px 0 0; border-top: 1px solid var(--bb-line, #CFD9E4); border-bottom: 1px solid var(--bb-line, #CFD9E4); color: var(--bb-ink, #221F1F); }
.study-limits > summary { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 12px 0; cursor: pointer; list-style: none; color: var(--bb-navy, #002B59); font: 700 1rem/1.4 var(--bb-font-body, "Nunito Sans", Arial, sans-serif); }
.study-limits > summary::-webkit-details-marker { display: none; }
.study-limits > summary::before { content: "+"; display: inline-flex; justify-content: center; width: 1.25rem; font-size: 1.25rem; line-height: 1; }
.study-limits[open] > summary::before { content: "\2212"; }
.study-limits > summary:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.study-limits[open] > summary { border-bottom: 1px solid var(--bb-line, #CFD9E4); }
.study-limits__body { padding: 12px 0 18px; }
.study-limits__body p { margin: 0 0 8px; }
.study-limits__body ul { margin: 0; padding-left: 1.25rem; }
.study-limits__body :is(p, li) { font-size: 1rem; line-height: 1.6; }
.study-limits__body li + li { margin-top: 8px; }
body.bb26.clinical-report .report > .page.hero .study-limits,
body.bb26.clinical-report main section > .study-limits { margin-top: 28px; }
body.bb26.clinical-report main > .topbar { justify-content: flex-start; width: 100%; margin: 0 0 48px; }

.beauty-book-page[data-beauty-book-page] { width: min(100%, 320px); margin: 0 0 clamp(32px, 5vw, 56px); }
.beauty-book-page[data-beauty-book-page] img { display: block; width: 100%; height: auto; border: 1px solid var(--bb-line, #CFD9E4); }

/* Library and inventory pages print on letter with the same margins as the
   authored reports, whose own @page rules stay untouched. */
@page sg-clinical-library { size: letter; margin: 12mm 14mm 16mm; }

@media print {
  body.clinical-library, body.catalogue-claim-inventory { page: sg-clinical-library; }
  /* Keep framed findings, charts, quotes and limits whole across pages. */
  :is(.evidence-box, .stat-card, .metric-card, figure, blockquote,
      .proof-card, .claimcard, .result-card, .context-note, .clinical-chart,
      .study-limits, .beauty-book-page) { break-inside: avoid; page-break-inside: avoid; }
  .clinical-skip { display: none !important; }
  /* A heading stays with the block it introduces. */
  :is(body.clinical-report, body.clinical-library) main :is(h2, h3) { break-after: avoid; page-break-after: avoid; }
  .clinical-chart svg { min-width: 0; width: 100%; max-width: 6.5in; }
  .clinical-chart .chart-scroll { overflow: visible; }
  /* A closed limits panel still prints in full. The authored reports keep
     their fixed print pages; their printed technical pages already carry the
     study design, so the screen panel inside the hero stays off paper. */
  .study-limits::details-content { content-visibility: visible; display: block; }
  body.clinical-report .report .page.hero .study-limits { display: none !important; }
}