/* ==========================================================================
   Block: Schnellnavigation (TOC)
   ========================================================================== */
.toc {
  background: var(--color-card);
  border: 1px solid var(--color-cool);
  clip-path: var(--clip-corner);
  margin-bottom: var(--space-section);
}
.toc__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: var(--pad-card);
  color: var(--color-white);
  font-weight: var(--fw-bold);
  font-size: 1.1rem;
}
.toc__arrow { transition: transform var(--transition); color: var(--color-heading); }
.toc__header[aria-expanded="true"] .toc__arrow { transform: rotate(180deg); }
.toc__panel {
  overflow: hidden;
  padding: 0 var(--pad-card);
  max-height: 0;
  transition: max-height var(--transition), padding var(--transition);
}
.toc__panel.is-open { padding: 0 var(--pad-card) var(--pad-card); max-height: 2000px; }
.toc__list { display: grid; gap: 0.4rem; list-style: none; }
.toc__list a {
  display: block;
  padding: 0.5rem 0.75rem;
  color: var(--color-text);
  border-left: 3px solid var(--color-cool);
  transition: color var(--transition), border-color var(--transition), background var(--transition);
}
.toc__list a:hover {
  color: var(--color-white);
  border-left-color: var(--color-heading);
  background: rgba(57,73,80,0.2);
}