/* NHLBIHIN shell styles (was inline in HinShell.astro; a linked file so legacy pages rendered outside Astro's page pipeline are styled too). */
:root {
  --accent: #0f766e;
  --accentDark: #0b5a54;
  --headingFont: 'IBM Plex Sans', system-ui, sans-serif;
  --bodyFont: 'IBM Plex Sans', system-ui, sans-serif;
}
      :root {
        --hin-accent: var(--accent);
        --hin-accent-dk: var(--accentDark);
        --hin-charcoal: #26302f;
        --hin-ink: #1d2523;
        --hin-body: #37413f;
        --hin-muted: #566260;
        --hin-paper: #ffffff;
        --hin-wash: #f6f3ee;
        --hin-rule: #ddd8cf;
        --hin-wrap: 72rem;
        --hin-content: 44rem;
      }
      @media (prefers-color-scheme: dark) {
        :root:not([data-theme="light"]) {
          --hin-ink: #ecebe6; --hin-body: #c9ccc7; --hin-muted: #9aa39f;
          --hin-paper: #161b1a; --hin-wash: #1e2524; --hin-rule: #333c3a;
          --hin-accent-dk: #5fc9bf;
        }
      }
      * { box-sizing: border-box; }
      html { -webkit-text-size-adjust: 100%; }
      .hin-body { margin: 0; background: var(--hin-paper); color: var(--hin-body); font-family: var(--bodyFont); font-size: 17px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
      .hin-body h1, .hin-body h2, .hin-body h3 { font-family: var(--headingFont); color: var(--hin-ink); line-height: 1.25; margin: 0; text-wrap: balance; }
      :where(.hin-body) :where(a) { color: var(--hin-accent-dk); text-underline-offset: 3px; }
      :where(.hin-body) :where(a):hover { color: var(--hin-accent); }
      .hin-body :focus-visible { outline: 3px solid var(--hin-accent); outline-offset: 2px; }
      .hin-skip { position: absolute; left: -999px; top: 0; background: var(--hin-charcoal); color: #fff; padding: 0.6rem 1rem; z-index: 200; }
      .hin-skip:focus { left: 0.5rem; top: 0.5rem; }

      .hin-header { background: var(--hin-charcoal); position: sticky; top: 0; z-index: 100; border-bottom: 4px solid var(--hin-accent); }
      .hin-header__inner { max-width: var(--hin-wrap); margin: 0 auto; padding: 0.7rem 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 2rem; }
      .hin-wordmark { display: block; line-height: 0; text-decoration: none; }
      .hin-wordmark img { display: block; width: 119px; height: 28px; }
      .hin-nav { display: flex; flex-wrap: wrap; gap: 0.1rem 0.25rem; }
      .hin-nav__link { color: #dfe7e5 !important; text-decoration: none; font-size: 0.9rem; font-weight: 500; padding: 0.4rem 0.7rem; border-radius: 4px; }
      .hin-nav__link:hover { background: rgba(255,255,255,0.1); color: #fff !important; }
      .hin-nav__link--active { background: var(--hin-accent); color: #fff !important; }

      .hin-main { max-width: var(--hin-wrap); margin: 0 auto; padding: 3rem 1.5rem 5rem; }
      .hin-main--sidebar { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; gap: 3rem; align-items: start; }
      .hin-main__content { min-width: 0; }

      .hin-prose { max-width: var(--hin-content); }
      .hin-prose h1 { font-size: 2.1rem; margin-bottom: 1rem; }
      .hin-prose h2 { font-size: 1.4rem; margin: 2.2rem 0 0.6rem; padding-top: 1.2rem; border-top: 1px solid var(--hin-rule); }
      .hin-prose p, .hin-prose ul, .hin-prose ol { margin: 0 0 1rem; }
      .hin-prose ul, .hin-prose ol { padding-left: 1.4rem; }
      .hin-lede { font-size: 1.15rem; color: var(--hin-muted); }
      .hin-note { background: var(--hin-wash); border-left: 4px solid var(--hin-accent); padding: 0.9rem 1.2rem; margin: 1.5rem 0; font-size: 0.95rem; border-radius: 0 4px 4px 0; }
      .hin-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; margin: 1.5rem 0; padding: 0; list-style: none; }
      .hin-cards li { background: var(--hin-wash); border: 1px solid var(--hin-rule); border-radius: 6px; padding: 1.1rem 1.2rem; margin: 0; }
      .hin-cards a { font-weight: 600; font-size: 1.05rem; text-decoration: none; }
      .hin-cards p { margin: 0.3rem 0 0; font-size: 0.9rem; color: var(--hin-muted); }

      .hin-footer { background: var(--hin-charcoal); color: #b7c3c0; }
      .hin-footer__inner { max-width: var(--hin-wrap); margin: 0 auto; padding: 3rem 1.5rem; }
      .hin-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255,255,255,0.15); }
      .hin-footer__grid nav { display: flex; flex-direction: column; gap: 0.35rem; }
      .hin-footer__brand { color: #fff; font-weight: 700; font-size: 1.1rem; margin: 0 0 0.4rem; }
      .hin-footer__blurb { margin: 0; font-size: 0.85rem; }
      .hin-footer__head { color: #fff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.4rem; }
      .hin-footer a { color: #b7c3c0 !important; text-decoration: none; font-size: 0.9rem; }
      .hin-footer a:hover { color: #fff !important; text-decoration: underline; }
      .hin-footer__statement { margin: 1.5rem 0 0; font-size: 0.82rem; line-height: 1.6; color: #b7c3c0; max-width: 60rem; }

      @media (max-width: 860px) { .hin-main--sidebar { grid-template-columns: 1fr; } .hin-footer__grid { grid-template-columns: 1fr 1fr; } }
      @media (max-width: 560px) {
        .hin-header__inner { padding: 0.6rem 1rem; }
        .hin-main { padding: 2rem 1rem 3rem; }
        .hin-footer__grid { grid-template-columns: 1fr; }
        .hin-prose h1 { font-size: 1.7rem; }
      }
      @media print { .hin-header, .hin-footer nav, .hin-skip { display: none; } }
    
/* recovered (archived) pages */
.legacy img { max-width: 100%; height: auto; }
.legacy table { max-width: 100%; border-collapse: collapse; }
.legacy td, .legacy th { padding: 0.25rem 0.5rem; vertical-align: top; }
.legacy [data-unrecovered] { text-decoration: underline dotted; }
.legacy-missing-img { font-style: italic; color: var(--hin-muted); }
.legacy__note { margin-top: 2.5rem; font-size: 0.85rem; color: var(--hin-muted); border-top: 1px solid var(--hin-rule); padding-top: 0.8rem; }
.hin-cols { columns: 2 16rem; column-gap: 2rem; }
.hin-cols li { break-inside: avoid; }
.hin-muted { color: var(--hin-muted); font-size: 0.9em; }