/* ===== TOC ===== */
.toc {
  background: var(--color-card);
  clip-path: var(--clip-cut);
  padding: 0.5rem 1.25rem 1rem;
  margin-block: var(--space-section);
}
.toc__toggle {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  width: 100%; padding: 0.85rem 0; color: var(--color-white);
  font-family: var(--font-display); font-size: var(--fs-h3); font-weight: var(--fw-btn);
}
.toc__title { color: var(--color-heading); }
.toc__arrow { transition: transform var(--transition); color: var(--color-heading); }
.toc__toggle[aria-expanded="false"] .toc__arrow { transform: rotate(-90deg); }
.toc__list {
  display: grid; gap: 0.15rem;
  overflow: hidden; transition: max-height var(--transition);
}
.toc__toggle[aria-expanded="false"] + .toc__list { max-height: 0 !important; }
.toc__list li { border-top: 1px solid var(--color-cool); }
.toc__list a {
  display: block; padding: 0.6rem 0.25rem; color: var(--color-text);
  transition: color var(--transition), padding var(--transition);
}
.toc__list a:hover, .toc__list a:focus-visible { color: var(--color-heading); padding-left: 0.6rem; }