/* Keep chapter links legible inside the collapsible navigation. */
.chapter-nav:has(> .compact-chapters) { display: block; min-width: 0; }
.chapter-nav > .compact-chapters { width: 100%; }
.chapter-nav .compact-fold-body { display: grid; gap: 8px; padding: 14px 0; }
.chapter-nav .compact-fold-body > .eyebrow { margin: 0 0 4px; font-size: 12px; }
.chapter-nav .compact-fold-body > a {
  display: grid; grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 10px; row-gap: 3px; align-items: center;
  padding: 12px 10px; min-height: 68px; border: 1px solid var(--line);
  border-radius: 7px; background: #fffaf6; text-decoration: none; line-height: 1.5;
}
.chapter-nav .compact-fold-body > a > span {
  grid-column: 1; grid-row: 1 / span 2; margin: 0;
  font: 500 12px/1.5 var(--sans); color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.chapter-nav .compact-fold-body > a > b {
  grid-column: 2; font: 600 15px/1.5 var(--sans); white-space: nowrap;
  letter-spacing: 0; font-variant-numeric: tabular-nums;
}
.chapter-nav .compact-fold-body > a > small {
  grid-column: 2; display: block; margin: 0;
  font: 400 12px/1.7 var(--sans); color: var(--ink); overflow-wrap: anywhere;
}
.chapter-nav .compact-fold-body > a.next-link {
  display: flex; justify-content: center; min-height: 44px;
  margin: 4px 0 0; font: 500 13px/1.6 var(--sans);
}
.chapter-nav .compact-fold-body > a:hover { background: #f9ece2; border-color: var(--gold); }
.chapter-nav .compact-fold-body > a[aria-current="true"] { background: #f9ece2; border-color: var(--gold); }
.chapter-nav .compact-fold-body > a:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
@media (max-width: 760px) {
  .chapter-nav .compact-fold-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chapter-nav .compact-fold-body > :is(.eyebrow, .next-link) { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
  .chapter-nav .compact-fold-body { grid-template-columns: minmax(0, 1fr); }
}