@import url("./glass.css");

/* 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;
  }

  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;
    text-transform: lowercase;
    -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: "07";
    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-transform: lowercase;
    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;
    text-transform: lowercase;
  }

  body.clinical-library main { padding: clamp(1.25rem, 4vw, 3rem) 0 clamp(4rem, 8vw, 7rem); }
  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-transform: lowercase;
    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);
  }

  body.clinical-library .links { gap: .6rem 1rem; }
  body.clinical-library .links a,
  body.clinical-library .links a:first-child {
    min-height: 44px;
    padding: .72rem 0;
    border: 0;
    border-bottom: 1px solid var(--reader-ink, #23211E);
    border-radius: 0;
    background: transparent;
    color: var(--reader-ink, #23211E);
    font: 750 .72rem/1.2 var(--font-grotesque, "Helvetica Neue", Arial, sans-serif);
    letter-spacing: .06em;
    text-transform: lowercase;
  }

  /* 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::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-transform: lowercase;
    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(--reader-ink, #23211E);
    color: var(--reader-ground, #E7E4DD);
  }

  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);
    text-transform: lowercase;
    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-end;
      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: 12px; }
    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 {
  .clinical-site-footer,
  .clinical-actions,
  .clinical-hub-menu { display: none !important; }
}