/* Paper atlas: quiet reading surfaces, a clear clinical hierarchy.
   Shared component structure lives in the earlier stylesheets. */
:root {
  --clinical-ink: #111820;
  --clinical-navy: #172632;
  --clinical-navy-2: #243642;
  --clinical-heading: var(--fgColor-default);
  --clinical-teal: var(--fgColor-accent);
  --clinical-teal-bright: #85c8c5;
  --clinical-blue: #43677a;
  --clinical-teal-muted: var(--bgColor-accent-muted);
  --clinical-cyan-muted: #edf0ed;
  --clinical-amber-muted: var(--bgColor-attention-muted);
  --clinical-red: var(--fgColor-danger);
  --clinical-red-muted: var(--bgColor-danger-muted);
  --clinical-panel: var(--bgColor-default);
  --clinical-canvas: var(--bgColor-muted);
  --clinical-card-shadow: 0 2px 5px rgb(26 35 48 / 3%);
  --header-height: 72px;
  --sidebar-width: 272px;
  --borderRadius-medium: 8px;
  --borderRadius-large: 12px;
}
:root[data-theme="dark"] {
  --clinical-blue: #9dbacd;
  --clinical-cyan-muted: #192832;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --clinical-blue: #9dbacd;
    --clinical-cyan-muted: #192832;
  }
}

body { background: var(--clinical-canvas); }
.container, .Landing, .StancePage, .Player { width: min(100%, 1320px); }
:focus-visible { outline: 3px solid var(--fgColor-accent); outline-offset: 3px; }
.SkipLink:focus {
  position: fixed;
  z-index: 100;
  inset: 8px auto auto 8px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 12px 18px;
  clip: auto;
  overflow: visible;
  white-space: normal;
  color: var(--fgColor-default);
  background: var(--bgColor-default);
  border: 2px solid var(--fgColor-accent);
}

/* Navigation stays legible and operable at every viewport width. */
.AppHeader {
  gap: 14px;
  padding-inline: 24px;
  background: var(--bgColor-default);
  border-bottom: 1px solid var(--borderColor-default);
  backdrop-filter: none;
}
.AppHeader__brand { min-width: 0; gap: 10px; color: var(--fgColor-default); }
.AppHeader__brandMark {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border: 1px solid var(--borderColor-default);
  border-radius: 7px;
  color: var(--fgColor-accent);
}
.AppHeader__brandName { font-size: 15px; font-weight: 700; white-space: nowrap; }
.AppHeader__brandShort { display: none; font-size: 15px; font-weight: 700; white-space: nowrap; }
.AppHeader__author { font-size: 12px; white-space: nowrap; color: var(--fgColor-muted); }
.AppHeader__author a { color: var(--fgColor-accent); }
.TabNav { flex-shrink: 0; margin-left: 4px; }
.TabNav__inner { overflow: visible; gap: 4px; }
.TabNav__item { min-height: 44px; font-size: 14px; padding-inline: 12px; }
.TabNav__item.is-selected,
:root[data-theme="dark"] .TabNav__item.is-selected {
  color: var(--fgColor-accent);
  border-bottom-color: var(--fgColor-accent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .TabNav__item.is-selected {
    border-bottom-color: var(--fgColor-accent);
  }
}
.TabNav__item.is-selected svg { color: currentColor; }
.AppHeader > .SearchBox { max-width: 300px; flex: 1 1 190px; }
.AppHeader > .SearchBox input { min-height: 40px; background: var(--bgColor-muted); }
.AppHeader__actions { gap: 4px; }
.AppHeader .btn-icon { width: 40px; height: 40px; }

/* Glossary shares the atlas index palette in both themes. */
.GlossaryPanel { background: var(--bgColor-muted); border-color: var(--borderColor-default); border-radius: 8px; }
.GlossaryPanel__head { color: var(--fgColor-default); min-height: 48px; font-size: 14px; }
.GlossaryPanel__head:hover { color: var(--fgColor-accent); background: var(--bgColor-accent-muted); }
.GlossaryPanel__search { color: var(--fgColor-muted); background: var(--bgColor-default); border-color: var(--borderColor-default); min-height: 44px; }
.GlossaryPanel__search:focus-within { color: var(--fgColor-accent); border-color: var(--fgColor-accent); }
.GlossaryPanel__search input { color: var(--fgColor-default); font-size: 16px; }
.GlossaryPanel__search input::placeholder { color: var(--fgColor-muted); }
.GlossaryChip { min-height: 36px; padding: 7px 10px; color: var(--fgColor-muted); background: var(--bgColor-default); border-color: var(--borderColor-default); font-size: 12px; }
.GlossaryChip:hover, .GlossaryChip.is-active { color: var(--fgColor-accent); background: var(--bgColor-accent-muted); border-color: var(--fgColor-accent); }
.GlossaryEntry { color: var(--fgColor-default); background: var(--bgColor-default); }
.GlossaryEntry:hover, .GlossaryEntry:focus-visible { background: var(--bgColor-accent-muted); border-color: var(--fgColor-accent); }
.GlossaryEntry__names strong { color: var(--fgColor-default); font-size: 14px; }
.GlossaryEntry__names span { color: var(--fgColor-accent); font-size: 12px; }
.GlossaryEntry__definition { color: var(--fgColor-muted); font-size: 14px; line-height: 1.7; }
.GlossaryPanel__empty { color: var(--fgColor-muted); }
.Unit.is-done .Unit__check { color: #fff; background: #236d3a; border-color: #236d3a; }

/* Opening spread: one strong column, with real course content immediately below. */
.Hero { padding: 58px 0 36px; background: var(--clinical-panel); }
.Hero__grid { display: block; }
.Hero__content { max-width: 1020px; }
.Hero .Hero__eyebrow {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--fgColor-accent);
}
.Hero h1 {
  max-width: 24em;
  margin-top: 2px;
  color: var(--clinical-heading);
  font-size: clamp(30px, 3.4vw, 47px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  text-wrap: balance;
}
.Hero__lede { max-width: 52em; margin-top: 20px; font-size: 17px; line-height: 1.85; }
.Hero__lede strong { color: var(--fgColor-default); }
.Hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.Hero__actions .btn { min-height: 46px; padding-inline: 18px; }
.btn-primary, .Hero .Hero__primary {
  color: #fff;
  background: #1b6268;
  border-color: #1b6268;
  box-shadow: none;
}
.btn-primary:hover, .Hero .Hero__primary:hover { color: #fff; background: #134c51; border-color: #134c51; }
.Hero__secondary { background: transparent; }
.Hero__stats { gap: 22px 44px; margin-top: 32px; padding-top: 22px; border-color: var(--borderColor-default); }
.Stat__value { gap: 7px; font-size: 23px; line-height: 1.5; color: var(--fgColor-default); }
.Stat__value svg { color: var(--fgColor-accent); }
.Stat__label, .Hero__note { font-size: 13px; color: var(--fgColor-muted); }
.Hero__note { max-width: 80em; margin-top: 18px; }
.Landing { padding-bottom: 64px; }
.Landing__section { padding-block: 36px; }
.Landing__h2 { color: var(--clinical-heading); font-size: 23px; letter-spacing: 0; }
.Landing__lede { max-width: 62em; font-size: 16px; line-height: 1.8; }
.ContinueCard { background: var(--bgColor-default); box-shadow: none; }
.ContinueCard__eyebrow { font-size: 12px; letter-spacing: 0.03em; }
.ContinueCard__title { font-size: 20px; }
.ContinueCard__action { min-height: 44px; }
.Pathways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.Pathway {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 24px;
  text-align: left;
  color: var(--fgColor-default);
  background: var(--bgColor-default);
  border: 1px solid var(--borderColor-default);
  border-top: 3px solid var(--fgColor-accent);
  border-radius: 8px;
}
.Pathway:hover { background: var(--bgColor-accent-muted); border-color: var(--fgColor-accent); text-decoration: none; }
.Pathway__title, .Pathway strong, .Pathway h3 { font-size: 21px; line-height: 1.4; }
.Pathway__number { font: 500 13px var(--fontStack-mono); color: var(--fgColor-accent); }
.Pathway > span:not([class]) { font-size: 13px; color: var(--fgColor-muted); }
.Pathway > svg:last-child { color: var(--fgColor-accent); margin-top: auto; }
.Pathway p, .Pathway__description { font-size: 15px; line-height: 1.75; color: var(--fgColor-muted); }
.Pathway small, .Pathway__meta, .Pathway__kicker { font-size: 12px; color: var(--fgColor-accent); }
.Pathway__action { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; font-size: 14px; font-weight: 700; color: var(--fgColor-accent); }
.LearningQueue, .ReviewQueue { margin-top: 20px; padding: 18px 22px; border: 1px solid var(--borderColor-default); border-radius: 8px; background: var(--bgColor-default); }
.LearningQueue h3, .ReviewQueue h3 { margin-bottom: 10px; font-size: 16px; }
.LearningQueue ul, .ReviewQueue ul { display: grid; gap: 8px; }
.LearningQueue a, .ReviewQueue a { display: inline-flex; align-items: center; min-height: 44px; }
.Step, .ChapterCard, .LandingStance { background: var(--bgColor-default); box-shadow: none; border-radius: 8px; }
.Step { padding: 22px; }
.Step__title, .ChapterCard__title { font-size: 16px; line-height: 1.7; }
.Step__body, .ChapterCard__units, .LandingStance p { font-size: 14px; line-height: 1.8; }
.ChapterCard { padding: 20px; }
.ChapterCard__meta { font-size: 13px; margin-block: 4px; }
.ChapterCard__icon, .Step__n { background: var(--bgColor-accent-muted); border-color: var(--borderColor-muted); }
.Notices { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.Notice { padding: 20px; }
.Notice__title { font-size: 16px; }
.Notice__body { font-size: 15px; line-height: 1.8; }

/* Atlas index and readable course panels. */
.Layout { width: min(100%, 1600px); margin-inline: auto; padding: 0; gap: 0; min-height: calc(100dvh - var(--header-height)); }
.Layout__sidebar {
  top: var(--stick-top);
  height: calc(100dvh - var(--stick-top));
  max-height: none;
  padding: 28px 18px;
  background: var(--bgColor-default);
  border-right: 1px solid var(--borderColor-default);
  scrollbar-width: thin;
}
.Layout__main { min-width: 0; padding: 32px clamp(22px, 3vw, 48px) 64px; }
.RailHeader { padding: 0 8px 20px; margin-bottom: 20px; border-bottom: 1px solid var(--borderColor-default); }
.RailHeader__eyebrow { display: block; font-size: 12px; color: var(--fgColor-muted); }
.RailHeader strong { display: block; font-size: 20px; margin-top: 4px; }
.RailHeader small { display: block; margin-top: 4px; font-size: 12px; color: var(--fgColor-muted); }
.ProgressPanel { padding: 14px; }
.ProgressPanel__reset { min-height: 36px; }
.NavList__item { min-height: 54px; padding: 10px; gap: 9px; margin-top: 4px; }
.NavList__item.is-active { background: var(--bgColor-accent-muted); }
.NavList__main { flex: 1; min-width: 0; }
.NavList__code { display: block; font-size: 12px; color: var(--fgColor-accent); }
.NavList__label { display: block; font-size: 14px; line-height: 1.5; white-space: normal; }
.ConsoleHeader { margin-bottom: 24px; padding: 0 0 26px; border-bottom: 1px solid var(--borderColor-default); }
.ConsoleHeader__eyebrow { display: block; font-size: 13px; letter-spacing: 0.03em; color: var(--fgColor-accent); }
.ConsoleHeader h1 { margin-top: 9px; font-size: clamp(25px, 2.6vw, 36px); line-height: 1.5; }
.ConsoleHeader__content > p { margin-top: 12px; max-width: 64em; color: var(--fgColor-muted); font-size: 16px; line-height: 1.8; }
.ConsoleHeader__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.ConsoleHeader__badges span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; font-size: 12px; color: var(--fgColor-muted); border: 1px solid var(--borderColor-default); border-radius: 4px; }
.ConsoleHeader__badges b { font-weight: 500; }
.ConsoleHeader__badges svg { color: var(--fgColor-accent); }
.ConsoleHeader__meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 14px; font-size: 13px; color: var(--fgColor-muted); }
.FilterBar { padding: 12px 0; gap: 10px; }
.FilterBar__label { font-size: 12px; color: var(--fgColor-muted); }
.FilterBar__btn, .FilterBar__core { min-height: 40px; }
.FilterBar__core { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; font-size: 13px; background: var(--bgColor-default); color: var(--fgColor-muted); border: 1px solid var(--borderColor-default); border-radius: 6px; }
.FilterBar__core[aria-pressed="true"] { color: var(--fgColor-accent); background: var(--bgColor-accent-muted); border-color: var(--fgColor-accent); }
.Chapter { margin-bottom: 20px; }
.Chapter__header { min-height: 88px; padding: 18px; background: var(--bgColor-default); }
.Chapter__title { font-size: 18px; line-height: 1.5; }
.Chapter__meta { margin-top: 6px; font-size: 13px; }
.Chapter__num { width: 42px; height: 42px; background: var(--bgColor-accent-muted); }
.Chapter__body { background: var(--bgColor-default); }
.Unit { scroll-margin-top: calc(var(--stick-top) + 20px); }
.Unit__heading { display: flex; align-items: center; gap: 8px; padding-left: 16px; }
.Unit__heading > .Unit__check { flex: 0 0 auto; }
.Unit__headingTitle { flex: 1; min-width: 0; font-size: inherit; font-weight: 400; }
.Unit__header { min-height: 90px; align-items: center; padding: 20px 16px; }
.Unit__check { min-width: 80px; min-height: 44px; height: auto; font-size: 12px; border-radius: 6px; line-height: 1.5; }
.Unit__kicker { display: block; margin-bottom: 5px; font-size: 12px; color: var(--fgColor-muted); }
.Unit__kicker span { color: var(--fgColor-accent); }
.Unit__title { font-size: 17px; line-height: 1.6; }
.Unit__summary { font-size: 15px; line-height: 1.8; margin-top: 6px; }
.Unit__body { padding: 8px 24px 28px; background: var(--bgColor-default); }
.Unit__next { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--borderColor-default); }
.Unit__next a, .Unit__next button { min-height: 44px; }
.Unit__next p { font-size: 14px; color: var(--fgColor-muted); }
.Pictogram { color: var(--fgColor-accent); }

/* Search exposes the matching passage, with a direct route into its context. */
.SearchResults { margin: 0 0 24px; padding: 22px; border: 1px solid var(--borderColor-default); border-radius: 8px; background: var(--bgColor-default); }
.SearchResults h2 { font-size: 20px; line-height: 1.6; }
.SearchResults > p { font-size: 14px; color: var(--fgColor-muted); margin-block: 8px; }
.SearchResult { display: block; width: 100%; padding: 18px 0; text-align: left; background: transparent; color: var(--fgColor-default); border: 0; border-top: 1px solid var(--borderColor-muted); }
.SearchResult:hover { background: var(--bgColor-muted); }
.Unit__badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.SearchResult:first-of-type { margin-top: 14px; }
.SearchResult h3, .SearchResult__title { display: block; font-size: 16px; font-weight: 700; }
.SearchResult p, .SearchResult__snippet { display: block; margin-top: 7px; font-size: 15px; line-height: 1.8; color: var(--fgColor-muted); }
.SearchResult__meta { display: block; margin-top: 5px; font-size: 12px; color: var(--fgColor-muted); }
.SearchResult a, a.SearchResult { min-height: 44px; }
mark { color: var(--fgColor-default); background: var(--bgColor-attention-muted); padding: 1px 2px; border-radius: 2px; }

/* Supporting surfaces retain medical context and comfortable reading size. */
.VideoCard { min-height: 76px; padding: 14px; border-radius: 8px; box-shadow: none; }
.VideoCard:hover { border-color: var(--fgColor-accent); }
.PlayBtn { color: var(--fgColor-accent); background: var(--bgColor-accent-muted); border-color: var(--borderColor-default); }
a:hover > .PlayBtn, .PlayBtn:hover { color: var(--fgColor-accent); background: var(--bgColor-accent-muted); border-color: var(--fgColor-accent); }
.PlayBtn--disabled { color: var(--fgColor-muted); background: var(--bgColor-neutral-muted); }
.Drill__why, .VideoCard__why { display: block; margin-top: 7px; font-size: 14px; line-height: 1.8; color: var(--fgColor-muted); }
.Drill__context { display: block; margin-top: 8px; padding-left: 10px; border-left: 2px solid var(--borderColor-default); font-size: 13px; line-height: 1.8; color: var(--fgColor-muted); }
.Drill__context strong { margin-right: 0.6em; color: var(--fgColor-default); }
.Drill__context--disclosure, .Drill__context--intervention { border-left-color: var(--fgColor-attention); }
.Drill__trust, .VideoCard__trust { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.Drill__trust .Label, .VideoCard__trust .Label { white-space: normal; font-size: 12px; }
.Drill__name, .VideoCard__title, .Assessment, .Note__text { font-size: 16px; line-height: 1.7; }
.DrillGroup__title { font-size: 16px; margin-top: 20px; }
.Label, .Counter { font-size: 12px; }
.AppFooter__disclaimer { white-space: normal; }
.AppFooter__more { padding-top: 12px; }

/* --- Clinical triad ----------------------------------------------------- */

.ClinicalBrief {
  display: block;
  margin: 0 0 20px;
  padding-top: 14px;
}

.ClinicalBrief__objective {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 12px 14px;
  margin-bottom: 12px;
  color: var(--clinical-heading);
  background: linear-gradient(90deg, var(--clinical-cyan-muted), color-mix(in srgb, var(--clinical-cyan-muted) 36%, var(--clinical-panel)));
  border: 1px solid color-mix(in srgb, var(--clinical-navy-2) 16%, var(--borderColor-muted));
  border-left: 3px solid var(--clinical-blue);
  border-radius: 11px;
}

.ClinicalBrief__objectiveIcon {
  display: inline-flex;
  padding: 5px;
  color: var(--fgColor-accent);
  background: var(--clinical-panel);
  border: 1px solid color-mix(in srgb, var(--clinical-teal) 22%, var(--borderColor-muted));
  border-radius: 8px;
}

.ClinicalBrief__objectiveLabel {
  padding-top: 5px;
  font-family: var(--fontStack-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--fgColor-accent);
}

.ClinicalBrief__objective ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  padding-top: 3px;
}

.ClinicalBrief__objective li {
  position: relative;
  padding-left: 13px;
  line-height: 1.8;
}

.ClinicalBrief__objective li::before {
  content: "";
  position: absolute;
  top: 0.68em;
  left: 0;
  width: 5px;
  height: 5px;
  background: var(--clinical-teal);
  border-radius: 50%;
}

.ClinicalBrief__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ClinicalBrief__section,
.ClinicalBrief__refs {
  padding: 0;
  background: var(--clinical-panel);
  border: 1px solid var(--borderColor-muted);
  border-radius: 8px;
}

.ClinicalBrief__panel {
  position: relative;
  min-width: 0;
  overflow: hidden;
  box-shadow: none;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.ClinicalBrief__panel:hover {
  border-color: var(--borderColor-accent-emphasis);
  box-shadow: none;
}

.ClinicalBrief__section--views {
  background: linear-gradient(180deg, var(--clinical-teal-muted), var(--clinical-panel) 72%);
  border-color: color-mix(in srgb, var(--clinical-teal) 34%, var(--borderColor-muted));
  box-shadow: inset 0 3px 0 var(--clinical-teal), 0 8px 22px rgb(8 40 61 / 6%);
}

.ClinicalBrief__section--points {
  background: linear-gradient(180deg, var(--clinical-cyan-muted), var(--clinical-panel) 72%);
  border-color: color-mix(in srgb, var(--clinical-blue) 26%, var(--borderColor-muted));
  box-shadow: inset 0 3px 0 var(--clinical-blue), 0 8px 22px rgb(8 40 61 / 6%);
}

.ClinicalBrief__section--pitfalls {
  background: linear-gradient(180deg, var(--clinical-red-muted), var(--clinical-panel) 72%);
  border-color: color-mix(in srgb, var(--clinical-red) 26%, var(--borderColor-muted));
  box-shadow: inset 0 3px 0 var(--clinical-red), 0 8px 22px rgb(8 40 61 / 6%);
}

.ClinicalBrief__panelHead {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 68px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--borderColor-muted) 72%, transparent);
}

.ClinicalBrief__panelIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  color: var(--fgColor-accent);
  background: color-mix(in srgb, var(--clinical-panel) 80%, transparent);
  border: 1px solid color-mix(in srgb, var(--clinical-teal) 24%, var(--borderColor-muted));
  border-radius: 10px;
  box-shadow: 0 6px 14px rgb(8 40 61 / 7%);
}

.ClinicalBrief__section--points .ClinicalBrief__panelIcon {
  color: var(--clinical-blue);
  border-color: color-mix(in srgb, var(--clinical-blue) 24%, var(--borderColor-muted));
}

.ClinicalBrief__section--pitfalls .ClinicalBrief__panelIcon {
  color: var(--clinical-red);
  border-color: color-mix(in srgb, var(--clinical-red) 22%, var(--borderColor-muted));
}

.ClinicalBrief__panelTitle {
  flex: 1;
  min-width: 0;
}

.ClinicalBrief__panelCode {
  display: block;
  font-family: var(--fontStack-mono);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.12em;
  color: var(--fgColor-accent);
}

.ClinicalBrief__section--points .ClinicalBrief__panelCode {
  color: var(--clinical-blue);
}

.ClinicalBrief__section--pitfalls .ClinicalBrief__panelCode {
  color: var(--clinical-red);
}

.ClinicalBrief h4 {
  margin: 3px 0 0;
  font-size: 14px;
  font-weight: 720;
  color: var(--clinical-heading);
}

.ClinicalBrief__panelCount {
  flex-shrink: 0;
  padding: 2px 6px;
  font-family: var(--fontStack-mono);
  font-size: 12px;
  color: var(--fgColor-muted);
  background: color-mix(in srgb, var(--clinical-panel) 72%, transparent);
  border: 1px solid var(--borderColor-muted);
  border-radius: 999px;
}

.ClinicalBrief__list {
  display: grid;
  gap: 0;
  padding: 5px 14px 11px;
  list-style: none;
}

.ClinicalBrief__list li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  padding: 9px 0;
  color: var(--fgColor-muted);
  line-height: 1.8;
  border-top: 1px dashed color-mix(in srgb, var(--borderColor-muted) 76%, transparent);
}

.ClinicalBrief__list li:first-child {
  border-top: 0;
}

.ClinicalBrief__listIndex {
  padding-top: 1px;
  font-family: var(--fontStack-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--fgColor-accent);
}

.ClinicalBrief__section--points .ClinicalBrief__listIndex {
  color: var(--clinical-blue);
}

.ClinicalBrief__section--pitfalls .ClinicalBrief__listIndex {
  color: var(--clinical-red);
}

.ClinicalBrief__panel.is-fallback {
  border-style: dashed;
}

.ClinicalBrief__fallback {
  min-height: 76px;
  padding: 19px 14px;
  font-style: italic;
  line-height: 1.85;
  color: var(--fgColor-muted);
}

.ClinicalBrief__refs {
  margin-top: 12px;
  padding: 11px 13px;
  background: color-mix(in srgb, var(--clinical-canvas) 46%, var(--clinical-panel));
}

.ClinicalBrief__refs h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  font-size: 12px;
}

.ClinicalBrief__refs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
}

.ClinicalBrief__refs li {
  display: flex;
  align-items: baseline;
  gap: 7px;
  font-size: 12px;
}

.ClinicalBrief__objective ul, .ClinicalBrief__list { font-size: 16px; line-height: 1.8; }
.ClinicalBrief__objectiveLabel { font-family: var(--fontStack-sans); letter-spacing: 0; }
.ClinicalBrief__panelCode { letter-spacing: 0.04em; }
.ClinicalBrief h4 { font-size: 16px; }
.ClinicalBrief__refs { overflow-wrap: anywhere; }
.ClinicalBrief__refs ul { row-gap: 10px; }
.ClinicalBrief__refs a { display: inline-block; min-height: 28px; }

@media (max-width: 1250px) {
  .AppHeader__author, .HitCounter { display: none; }
  .AppHeader { gap: 10px; padding-inline: 18px; }
  .ClinicalBrief__grid { grid-template-columns: 1fr; }
  .ClinicalBrief__panelHead { min-height: 58px; }
}
@media (max-width: 1012px) {
  .AppHeader__brandName { display: none; }
  .AppHeader__brandShort { display: inline; }
  .Layout { display: block; padding: 20px; }
  .Layout__sidebar { position: static; height: auto; padding: 18px; margin-bottom: 24px; border: 1px solid var(--borderColor-default); border-radius: 8px; }
  .Layout__main { width: 100%; padding: 0 0 40px; }
  .RailHeader { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-bottom: 14px; padding: 0 0 12px; }
  .RailHeader__eyebrow { width: 100%; }
  .RailHeader strong { font-size: 18px; }
  .ProgressPanel { margin-bottom: 12px; }
  .NavList { display: flex; gap: 8px; overflow-x: auto; padding: 4px 4px 12px; scroll-snap-type: x proximity; }
  .NavList__group-title { display: none; }
  .NavList__item { min-width: 225px; margin: 0; border: 1px solid var(--borderColor-default); scroll-snap-align: start; }
  .NavList__item.is-active::before { display: none; }
  .NavList__label { font-size: 14px; }
  .MusclePanel { margin-top: 4px; }
  .Pathway { padding: 20px; }
}
@media (max-width: 767px) {
  :root { --header-height: 114px; }
  .AppHeader {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: 56px 44px;
    gap: 0 8px;
    height: var(--header-height);
    padding: 0 12px 13px;
  }
  .AppHeader__brand { grid-row: 1; grid-column: 1; gap: 0; }
  .AppHeader__brandMark { display: none; }
  .AppHeader__brandName { display: none; }
  .AppHeader__brandShort { display: inline; font-size: 15px; }
  .AppHeader__spacer, .AppHeader__author, .HitCounter { display: none; }
  .TabNav { grid-row: 1; grid-column: 2; margin: 0; min-width: 0; }
  .TabNav__inner { justify-content: center; gap: 0; }
  .TabNav__item { height: 56px; padding: 0 9px; font-size: 14px; gap: 5px; }
  .TabNav__label { display: inline; }
  .TabNav__item .Counter { display: none; }
  .AppHeader__actions { grid-row: 1; grid-column: 3; gap: 0; }
  .AppHeader .btn-icon { width: 44px; height: 44px; }
  .AppHeader #expandAll { display: none; }
  .AppHeader > .SearchBox { grid-row: 2; grid-column: 1 / -1; max-width: none; width: 100%; }
  .AppHeader > .SearchBox input { height: 44px; font-size: 16px; padding-right: 44px; }
  .AppHeader .SearchBox__clear { right: 0; }
  .Hero { padding: 34px 0 28px; }
  .container { padding-inline: 20px; }
  .Hero h1 { font-size: 30px; line-height: 1.45; }
  .Hero__lede { font-size: 16px; line-height: 1.85; margin-top: 16px; }
  .Hero__actions { gap: 8px; margin-top: 22px; }
  .Hero__actions .btn { white-space: normal; text-align: left; }
  .Hero__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; margin-top: 26px; padding-top: 22px; }
  .Stat__value { font-size: 21px; }
  .Hero__note { font-size: 13px; }
  .Landing { padding: 0 20px 44px; }
  .Landing__section { padding-block: 30px; }
  .Landing__h2 { font-size: 21px; }
  .Pathways { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
  .Pathway { padding: 20px; gap: 8px; }
  .Pathway__title, .Pathway strong, .Pathway h3 { font-size: 20px; }
  .ContinueCard { padding: 20px; }
  .ChapterCard { padding: 18px; }
  .LearningQueue, .ReviewQueue { padding: 18px; }
  .Layout { padding: 16px 12px; }
  .Layout__sidebar { padding: 16px; }
  .GlossaryChip { min-height: 44px; }
  .ConsoleHeader { padding: 0 4px 24px; }
  .ConsoleHeader h1 { font-size: 27px; }
  .ConsoleHeader__badges { gap: 6px; }
  .FilterBar { position: static; gap: 8px; }
  .FilterBar__label { width: 100%; }
  .FilterBar__group { max-width: 100%; overflow-x: auto; }
  .FilterBar__btn { min-height: 44px; white-space: nowrap; flex-shrink: 0; }
  .FilterBar__core { min-height: 44px; }
  .FilterBar__spacer { display: none; }
  .Chapter__header { padding: 16px 12px; gap: 10px; }
  .Chapter__title { font-size: 16px; }
  .Chapter__num { width: 36px; height: 36px; }
  .Chapter__progress { width: 36px; }
  .Unit__heading { align-items: flex-start; flex-wrap: wrap; gap: 0; padding: 12px 12px 0; }
  .Unit__headingTitle { flex-basis: 100%; }
  .Unit__headingTitle > .Unit__header { padding: 12px 0 18px; min-height: 0; }
  .Unit__check { min-width: 82px; margin: 0; }
  .Unit__title { font-size: 17px; }
  .Unit__body { padding: 0 12px 24px; }
  .Unit__next { align-items: stretch; flex-direction: column; }
  .ClinicalBrief__objective { grid-template-columns: auto minmax(0, 1fr); padding: 14px 12px; }
  .ClinicalBrief__objectiveLabel { align-self: center; }
  .ClinicalBrief__objective ul { grid-column: 1 / -1; }
  .ClinicalBrief__grid { grid-template-columns: 1fr; }
  .ClinicalBrief__panelHead { padding-inline: 12px; }
  .ClinicalBrief__list { padding-inline: 12px; }
  .ClinicalBrief__refs ul { display: grid; }
  .ClinicalBrief__refs li { flex-wrap: wrap; gap: 4px; }
  .ClinicalBrief__refs a { min-height: 44px; }
  .SearchResults { padding: 18px; }
  .AppFooter { padding: 20px 4px; }
  .AppFooter__more { gap: 12px; }
}
@media (max-width: 360px) {
  .AppHeader { padding-inline: 8px; gap: 0 4px; }
  .AppHeader__brandShort { font-size: 14px; }
  .TabNav__item { font-size: 13px; padding-inline: 6px; }
  .TabNav__item svg { display: none; }
  .Hero h1 { font-size: 27px; }
  .Hero__actions { display: grid; }
}
@media print {
  .ConsoleHeader__badges, .RailHeader, .Hero__actions { display: none; }
  .Layout { display: block; }
  .Layout__main { padding: 0; }
  .ClinicalBrief__grid { grid-template-columns: 1fr; }
  .AppFooter { position: static; }
}
/* Course prose and quiz feedback share the reading scale. */
.QuizQuestion__stem, .QuizOption__text, .QuizOption__rationale,
.QuizQuestion__explanation, .DrillEvCat__summary, .Evidence__row {
  font-size: 16px;
  line-height: 1.8;
}
.QuizQuestion__meta, .DrillEvCat__src, .Drill__views { font-size: 12px; }
.QuizOption { min-height: 44px; }
/* View visibility is structural, independent of layout display declarations. */
[hidden] { display: none !important; }

/* Compact course entry; keep reference tools available on demand. */
.CourseNav__toggle, .Player__jumpNav { display: none; }
.SearchResult__source { display: block; margin-top: 9px; font-size: 12px; line-height: 1.7; color: var(--fgColor-accent); }
.SearchResult__source svg { vertical-align: middle; }
.FilterBar__reset { min-height: 44px; }
.Layout.is-searching .ConsoleHeader { display: none; }
.Blankslate [data-clear-filters] { margin-top: 18px; }
.Player__bar { flex-wrap: wrap; }
.Player__barMain { flex-basis: 380px; }
.Player__bar .Player__title { white-space: normal; font-size: 18px; line-height: 1.6; }
.Player__bar .Player__actions { flex-wrap: wrap; }
.Player__playbackStatus { margin-bottom: 16px; font-size: 13px; line-height: 1.8; color: var(--fgColor-muted); }
.Player__playbackStatus nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.Player__playbackStatus .btn { min-height: 44px; }
.PlaylistItem__name { white-space: normal; line-height: 1.65; font-size: 14px; }
.PlaylistItem { min-height: 64px; }
.Segment__title { font-size: 16px; line-height: 1.7; }
.Segment__summary, .Segment__detail ul { font-size: 15px; line-height: 1.8; }
.Segment__detail > summary { min-height: 36px; padding-block: 8px; }

@media (max-width: 1012px) {
  .CourseNav__toggle { display: list-item; padding: 8px 4px; min-height: 44px; font-size: 14px; font-weight: 700; cursor: pointer; }
  .CourseNav__body { padding-top: 16px; }
  .Layout__sidebar { padding: 8px 14px; margin-bottom: 20px; }
  .Player, .Player.is-wide { display: block; height: auto; overflow: visible; }
  .Player__jumpNav { display: flex; position: sticky; top: var(--stick-top); z-index: 4; gap: 4px; margin-bottom: 12px; padding: 6px; border: 1px solid var(--borderColor-default); border-radius: 8px; background: var(--bgColor-default); }
  .Player__jumpNav button { flex: 1; min-height: 44px; padding: 8px; border: 0; border-radius: 4px; background: var(--bgColor-muted); color: var(--fgColor-accent); font-size: 14px; }
  .Player__jumpNav button:hover { background: var(--bgColor-accent-muted); }
  .Player__stage { display: block; }
  .Player__frame { width: 100%; max-width: min(100%, calc(55dvh * 16 / 9)); }
  .Player__info { overflow: visible; margin-block: 16px 24px; }
  .Player__info:empty { display: none; }
  .Player__list, .Player.is-wide .Player__list { display: flex; height: min(75dvh, 680px); margin-top: 20px; }
  .Player__frame, .Player__info, .Player__list { scroll-margin-top: calc(var(--stick-top) + 80px); }
  .Player [data-toggle-list] { display: none; }
  .Player__barMain { flex-basis: auto; }
  .Player__bar .Player__actions { flex-shrink: 1; }
}
@media (max-width: 767px) {
  .ConsoleHeader { margin-bottom: 12px; padding-bottom: 16px; }
  .ConsoleHeader__eyebrow { display: none; }
  .ConsoleHeader h1 { margin-top: 0; font-size: 25px; }
  .ConsoleHeader__content > p { margin-top: 8px; font-size: 15px; }
  .ConsoleHeader__badges { margin-top: 12px; }
  .FilterBar { margin-bottom: 12px; }
  .Segment__detail > summary { min-height: 44px; }
}
.ClinicalBrief__boundary { margin-block: 16px; padding: 16px 20px; border-left: 3px solid var(--fgColor-accent); background: var(--bgColor-accent-muted); border-radius: 4px; }
.ClinicalBrief__boundary p { margin-top: 8px; font-size: 15px; line-height: 1.85; }
.QuizQuestion__sources { display: none; margin-top: 16px; font-size: 14px; line-height: 1.8; }
.Quiz__form.is-graded .QuizQuestion__sources { display: block; }
.QuizQuestion__sources a { display: inline-block; padding-block: 8px; }

/* Editorial finish: a chapter index and a quiet reading surface. */
.Hero { padding-block: 60px 40px; }
.Hero__grid { display: block; }
.Hero__content { max-width: 1080px; }
.Hero h1 { max-width: 22em; font-family: var(--fontStack-display); font-size: clamp(34px, 3.55vw, 52px); font-weight: 600; line-height: 1.5; letter-spacing: .015em; }
.Hero__lede { max-width: 40em; font-size: 16px; line-height: 1.95; }
.Hero__actions { gap: 8px; margin-top: 24px; }
.Hero__actions .btn { padding-inline: 14px; }
.Hero__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 30px; }
.Stat__value { font-size: 22px; gap: 5px; }
.Stat__value svg { display: none; }
.Stat:nth-child(3) .Stat__value { font-size: 17px; min-height: 33px; align-items: center; }
.Stat__label { display: block; margin-top: 4px; font-size: 12px; }
.Hero__note { font-size: 12px; line-height: 1.85; }
.Landing__section { padding-block: 42px; }
.Landing__h2 { font-family: var(--fontStack-display); font-weight: 600; font-size: 25px; line-height: 1.55; }
.Landing__h2 > svg { display: none; }
.ContinueCard { border-color: var(--borderColor-default); border-left: 3px solid var(--fgColor-accent); border-radius: 4px; padding: 24px 28px; }
.ContinueCard__main { width: min(760px, 100%); }
.ContinueCard__title { font-size: 19px; }
.ContinueCard__progressHead { margin-top: 12px; }
.ProgressPrivacy { margin: 10px 0 0; color: var(--fgColor-muted); font-size: 12px; line-height: 1.8; }
.Pathway { position: relative; gap: 14px; padding: 26px; border-radius: 4px; border-top-width: 2px; }
.Pathway--0 { border-top-color: #9b763c; }
.Pathway--1 { border-top-color: var(--fgColor-accent); }
.Pathway--2 { border-top-color: #788bac; }
.Pathway__number { font-size: 11px; letter-spacing: .05em; color: var(--fgColor-muted); }
.Pathway__title { font-size: 24px; font-weight: 700; }
.Pathway__description { flex: 1; }
.Pathway__action { width: 100%; justify-content: space-between; border-top: 1px solid var(--borderColor-muted); padding-top: 14px; }
.ChapterGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.ChapterGroup { min-width: 0; }
.ChapterGroup__title { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 2px solid var(--fgColor-default); font-size: 16px; }
.ChapterGroup__title > span { font: 12px var(--fontStack-mono); color: var(--fgColor-muted); }
.ChapterCard { width: 100%; align-items: start; gap: 12px; padding: 22px 0; background: transparent; border: 0; border-bottom: 1px solid var(--borderColor-default); border-radius: 0; }
.ChapterCard:hover { background: var(--bgColor-accent-muted); }
.ChapterCard__code { padding-top: 3px; min-width: 29px; font: 12px/1.8 var(--fontStack-mono); color: var(--fgColor-accent); }
.ChapterCard > svg { margin-top: 5px; color: var(--fgColor-accent); }
.ChapterCard__title { font-size: 15px; }
.ChapterCard__meta { margin-block: 8px; font-size: 12px; }
.ChapterCard__units { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; }
.Step { padding: 4px 20px 4px 0; border: 0; border-radius: 0; background: transparent; }
.Step__n { border: 0; background: transparent; width: 28px; }
.Notice { border: 0; border-top: 1px solid var(--borderColor-default); border-radius: 0; padding: 22px 0; background: transparent; }
.Notices { gap: 8px 32px; }
.Notice__body { font-size: 14px; }
.Landing__cta { padding-block: 36px; border-bottom: 1px solid var(--borderColor-default); }
.ConsoleHeader h1 { font-family: var(--fontStack-display); font-weight: 600; }
.ClinicalBrief__section--views, .ClinicalBrief__section--points, .ClinicalBrief__section--pitfalls { background: var(--bgColor-default); box-shadow: none; border-color: var(--borderColor-default); }
.ClinicalBrief__section--views { border-top: 2px solid var(--fgColor-accent); }
.ClinicalBrief__section--points { border-top: 2px solid var(--clinical-blue); }
.ClinicalBrief__section--pitfalls { border-top: 2px solid var(--fgColor-attention); }
.ClinicalBrief__objective { background: var(--bgColor-accent-muted); border-radius: 4px; }
.Player__frame { background: var(--lightbox); border-color: #29383c; border-radius: 4px; }
.Player__placeholder { color: #c1cbd0; }
.Player__placeholder svg { color: #9bcac4; }
.Player__list { border-radius: 4px; }
.Segments { background: var(--bgColor-default); }
.Segments__head { background: var(--bgColor-default); padding-block: 12px; }
.PlaylistChapter { padding-block: 12px; letter-spacing: .015em; }
.AppFooter { max-width: 1320px; margin-inline: auto; padding: 24px; }

@media (max-width: 1150px) {
  .Hero__grid { grid-template-columns: minmax(0, 1fr); }
  .Hero__content { max-width: 850px; }
  .Hero h1 { max-width: 20em; }
  .ChapterGrid { gap: 22px; }
}
@media (max-width: 767px) {
  .Hero { padding-block: 30px; }
  .Hero h1 { font-size: 32px; line-height: 1.5; max-width: 12em; }
  .Hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
  .Stat__value, .Stat:nth-child(3) .Stat__value { font-size: 22px; }
  .Hero__actions .btn { min-height: 44px; }
  .Landing__section { padding-block: 30px; }
  .Landing__h2 { font-size: 23px; }
  .ContinueCard { padding: 20px; }
  .ChapterGrid { grid-template-columns: 1fr; gap: 28px; }
  .ChapterCard { padding-block: 18px; }
  .Pathway { padding: 22px; }
  .Pathway__title { font-size: 23px; }
  .Notices { gap: 0; }
  .Step { padding-block: 8px; }
  .AppFooter { padding: 20px; }
}
@media (max-width: 360px) {
  .Hero h1 { font-size: 29px; }
  .Stat:nth-child(3) .Stat__value { font-size: 18px; white-space: nowrap; }
}
@media print { .Player__jumpNav { display: none; } }
/* Journal supplements retain their own case context beside native playback. */
.JournalClips { margin-block: 1.5rem; }
.JournalClips > h4 { font-size: 1.1rem; margin-bottom: 1rem; }
.JournalClip { padding: clamp(1rem, 2vw, 1.5rem); margin-block: 1rem;
  border: 1px solid var(--borderColor-default); border-radius: .5rem;
  background: var(--bgColor-muted); overflow-wrap: anywhere; }
.JournalClip h5 { font-size: 1.1rem; line-height: 1.6; margin: 0 0 .6rem; }
.JournalClip p, .JournalClip li { line-height: 1.8; }
.JournalClip__meta { font-size: .85rem; color: var(--fgColor-muted); }
.JournalClip video { display: block; width: 100%; max-height: 32rem; margin-block: 1rem; background: #080b0e; }
.JournalClip__scope { border-left: 3px solid var(--fgColor-accent); padding-left: .8rem; }
.JournalClip__links { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.JournalClip__links a { display: inline-flex; align-items: center; min-height: 44px; }