/* 目次の3案（toc-research/ の実例とHIG「サイドバー」「ナビゲーションバー」から）
   共通：下線なし・番号は小さく・今読んでいる所は面と色で。案Aを採用（2026-10-27）。B・Cは review/toc-3cases.png に記録 */
.toc a, .toc a:visited { text-decoration: none !important; color: var(--ink) !important; }
.toc a[aria-current="true"] { box-shadow: none !important; padding-left: 0 !important; }
.toc ol { position: relative; }
.toc a::before { color: var(--sub) !important; }

/* 案A「読んだ所まで線が伸びる」：左の細い線が、読み終えた節まで青く満ちる。今の節は面 */
.toc ol { padding-left: 16px; }
.toc ol::before { content: ""; position: absolute; left: 3px; top: 12px; bottom: 12px; width: 2px; border-radius: 1px; background: #dfe3ea; }
.toc ol::after { content: ""; position: absolute; left: 3px; top: 12px; width: 2px; height: var(--toc-fill, 0%); border-radius: 1px; background: var(--brand); transition: height .5s var(--ease); }
.toc a { grid-template-columns: 24px minmax(0, 1fr); padding: 8px 8px; border-radius: 10px; transition: background-color .2s, color .2s; }
.toc a[aria-current="true"] { background: var(--brand-50); color: var(--brand-d) !important; font-weight: 700; }
.toc a[aria-current="true"]::before { color: var(--brand-d) !important; }
.toc li.is-done a { color: var(--sub) !important; }


/* ダーク：読む前は白、読んだ所は灰、今の節は暗い青の面に明るい青。線も暗い背景用に */
/* ダークの指定は v10-dark-extra.css（配色の切替に従わせるため） */