/* ===================================================================
   Tables of contents (title/unit listings) and the notes page's own list.
   ================================================================== */

.toc ul { list-style: none; margin: 0 0 2rem; padding: 0; }
.toc li { border-bottom: 1px solid var(--rule); }
/* Scoped to the list rows: a bare ".toc a" also caught the breadcrumb links,
   turning each into a flex block so the trail stacked vertically. */
.toc li a {
  display: flex;
  gap: 1rem;
  align-items: baseline;
  padding: var(--space-6) .2rem;
  text-decoration: none;
}
.toc li a:hover { background: var(--accent-soft); }
.toc .num { color: var(--accent); font-weight: 620; min-width: 4.5rem; }
.toc .name { flex: 1; }
/* The right-hand column of a listing row: how much a release or a title holds,
   and which sections a chapter or subchapter holds. */
.toc .count, .toc .range {
  color: var(--faint);
  font-family: var(--sans);
  font-size: var(--text-xs);
}
.toc .range { white-space: nowrap; }
.toc h2 {
  font-family: var(--sans);
  font-size: var(--text-xs);
  letter-spacing: .08em;
  color: var(--faint);
  margin: 2rem 0 var(--space-4);
}

.notes-page h2 {
  font-family: var(--sans);
  font-size: var(--text-xs);
  letter-spacing: .08em;
  color: var(--faint);
}

.notes-block {
  margin-top: 3rem;
  border-top: 1px solid var(--rule);
  padding-top: var(--space-8);
  font-size: .93rem;
  color: var(--muted);
}
.notes-block summary {
  cursor: pointer;
  font-family: var(--sans);
  font-size: var(--text-xs);
  color: var(--faint);
}
.notes-block h3 {
  font-family: var(--sans);
  font-size: var(--text-sm);
  color: var(--ink);
  margin: 1.5rem 0 var(--space-3);
}

.note-group { margin-bottom: 2rem; }
.note-group h2 a { color: var(--accent); text-decoration: none; }
.empty { color: var(--faint); }