frontend/src/styles/toc.css

/* -----------------------------------------------------------------------
   Table of contents - Editor overrides
   
   Base styles are in components/_toc.css (from template).
   This file adds editor-specific adjustments (smaller TOC column,
   tighter padding, collapse animation).
   ----------------------------------------------------------------------- */

/* The template's _layout.css sets align-items:start on .content-grid,
   which prevents grid cells from stretching. The TOC cell MUST stretch
   to full row height so the sticky child has room to travel. */
.content-grid__toc {
  align-self: stretch;
}

.content-grid__toc .table-of-contents--sticky {
  position: sticky;
  top: 0;
}

/* Override the template's own sticky (handled by --sticky wrapper instead) */
.content-grid__toc .table-of-contents {
  position: static;
  margin-top: 0;
  padding: 24px 8px 0;
}

.content-grid__toc .table-of-contents .title {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Base .toc-children animation lives in components/_toc.css (grid-template-rows
   trick, shared between editor and publisher). Editor-specific: nothing extra. */

/* Ensure TOC empty message inherits article font */
.toc-empty {
  font-size: 12px;
  color: var(--muted-color);
  padding-top: 4px;
}

/* TOC title label */
.toc-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}