/* toc.css — compact on-page contents nav (2026-07-20).
   Linked only by pages that carry a .toc block. */
/* The markup has no whitespace between </a> and <span class="sep">, so inline
   layout has nowhere to break and the row overflowed on narrow screens.
   Flex wrapping gives every link its own break opportunity. */
.toc{background:#f4f1ea;border:1px solid #e2ddd2;border-radius:8px;
  padding:10px 14px;margin:14px 0 18px;font-size:.88rem;line-height:1.6;
  display:flex;flex-wrap:wrap;align-items:baseline;row-gap:7px;
  max-width:100%;overflow-wrap:anywhere}
.toc strong{color:#142B3A;margin-right:6px}
.toc a{white-space:nowrap;text-decoration:none;border-bottom:1px solid #c9bd9c;max-width:100%}
.toc a:hover{border-bottom-color:#142B3A}
.toc .sep{color:#b3ac9d;margin:0 7px}
@media (max-width:520px){
  .toc{padding:9px 11px}
  .toc .sep{margin:0 5px}
}
main h2[id]{scroll-margin-top:84px}