/* TOC styles for pane and page */
.toc-pane, .toc-page {
  background: var(--toc-bg);
  color: var(--toc-fg);
  border-left: 1px solid var(--toc-border);
}
.toc-page { border:1px solid var(--toc-border); border-radius:1rem; padding:1rem; }
.toc-list { list-style:none; margin:0; padding:.25rem .5rem .75rem .5rem; }
.toc-item { margin:.15rem 0; }
.toc-link {
  display:flex; gap:.45rem; align-items:center;
  padding:.35rem .5rem; border-radius:.5rem; color: var(--toc-fg);
  text-decoration:none; border:1px solid transparent;
}
.toc-link:hover { color: var(--toc-hover); background: color-mix(in oklab, var(--surface-2) 88%, transparent); }
.toc-link.active {
  color: var(--toc-active);
  background: color-mix(in oklab, var(--surface-2) 80%, transparent);
  border-color: color-mix(in oklab, var(--toc-active) 40%, var(--toc-border));
}
.toc-depth-2 { padding-left: .75rem; }
.toc-depth-3 { padding-left: 1.25rem; opacity:.95; }
.toc-depth-4 { padding-left: 1.75rem; opacity:.85; }
.toc-muted { color: var(--toc-muted); font-size:.9em; }

.toc-link:focus-visible { outline: 2px solid var(--toc-active); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .toc-link { transition: none !important; }
}