/* toc.css — "On this page" list (12 §5). Active item: 2 px left border in --primary (set by toc.js). */

.toc { font-size: var(--fs-sm); }

.toc__title { margin-bottom: var(--sp-3); }

.toc__list { list-style: none; padding: 0; border-left: var(--border-w) solid var(--border); }

.toc__link {
  display: block;
  margin-left: calc(var(--border-w) * -1);
  padding: var(--sp-1) var(--sp-3);
  border-left: var(--focus-w) solid transparent;
  color: var(--text-muted);
  text-decoration: none;
  line-height: var(--lh-snug);
}

.toc__link:hover { color: var(--text-strong); text-decoration: none; }

.toc__link.is-active, .toc__link[aria-current="true"] {
  border-left-color: var(--primary);
  color: var(--text-strong);
  font-weight: var(--fw-semibold);
}

.toc__list .toc__list { border-left: 0; padding-left: var(--sp-3); }

/* Mobile: collapsible <details class="toc toc--collapsible">. */
.toc--collapsible > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: var(--touch-min);
  cursor: pointer;
  list-style: none;
  font-weight: var(--fw-semibold);
  color: var(--text-strong);
}

.toc--collapsible > summary::-webkit-details-marker { display: none; }