.auto-toc {
  margin: 20px 0 28px;
  padding: 18px 20px;
  border: 1px solid var(--border, rgba(127,127,127,.25));
  border-radius: 18px;
  background: var(--surface, var(--card-bg, rgba(127,127,127,.08)));
  color: var(--text-primary, inherit);
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
.auto-toc summary { display:flex; align-items:center; gap:9px; font-weight:900; cursor:pointer; list-style:none; }
.auto-toc summary::-webkit-details-marker { display:none; }
.auto-toc summary::after { content:'⌄'; margin-inline-start:auto; transition:transform .2s ease; }
.auto-toc[open] summary::after { transform:rotate(180deg); }
.auto-toc ol { margin:14px 0 0; padding-inline-start:24px; display:grid; gap:9px; }
.auto-toc a { color:inherit; text-decoration:none; line-height:1.65; }
.auto-toc a:hover { color:var(--primary, #2196f3); }
.auto-toc-target { scroll-margin-top:96px; }
html.dark-theme .auto-toc,
body.dark-theme .auto-toc { box-shadow:0 8px 24px rgba(0,0,0,.22); }
@media (max-width:640px) { .auto-toc { padding:15px 16px; border-radius:14px; } }