/* 長いページの自動目次（scripts/page_toc.py が <nav class="page-toc"> を入れる。F7、2026-10-14）。
   JS 無しで動く <details>。既定は閉じる（390px で本文を押し下げない）。色・書体は共通トークンだけ。 */
.page-toc { margin: 0 0 18px; max-width: 100%; }
.page-toc details { border: 1px solid var(--line); border-radius: 8px; background: var(--paper); }
.page-toc summary { cursor: pointer; padding: 10px 14px; min-height: 44px; box-sizing: border-box; display: flex; align-items: center; font-size: var(--text-dense); font-weight: var(--heading-weight); color: var(--text-ink); }
.page-toc ol { margin: 0; padding: 4px 14px 12px 36px; font-size: var(--text-dense); line-height: var(--leading-dense); }
.page-toc li { margin: 0; }
.page-toc a { display: inline-block; padding: 6px 0; overflow-wrap: anywhere; }
@media (min-width: 900px) {
  .page-toc ol { columns: 2; column-gap: 32px; }
  .page-toc li { break-inside: avoid; }
}
main [id^="toc-"], main h2[id] { scroll-margin-top: 12px; }
.page-toc summary { list-style: none; }
.page-toc summary::-webkit-details-marker { display: none; }
.page-toc summary::after { content: "▾"; margin-left: auto; padding-left: 12px; color: var(--muted); }
.page-toc details[open] summary::after { content: "▴"; }