.af-toc { margin: 1.5rem 0 2rem; padding: 1rem 1.25rem; border: 1px solid var(--line); background: var(--soft); border-radius: 8px; }
.af-toc summary { cursor: pointer; font-weight: 700; }
.af-toc ol { margin-bottom: 0; padding-left: 1.25rem; }
.af-toc a { text-decoration: underline; text-underline-offset: .2em; }
.article-content h2, #respond, #comments { scroll-margin-top: 5rem; }
.af-reader-next { margin: 2.5rem 0; padding: 1.5rem; border-left: 4px solid var(--red); background: var(--soft); }
.af-reader-next h2 { margin-top: 0; font-size: 1.4rem; }
.af-reader-links { display: flex; flex-wrap: wrap; gap: .75rem; }
.af-reader-links a, .af-comment-link { display: inline-flex; align-items: center; min-height: 44px; padding: .6rem .9rem; border: 1px solid var(--line); border-radius: 4px; text-decoration: none; font-weight: 700; }
.af-reader-links a:first-child { color: var(--color-on-action); background: var(--color-action); }
.af-reader-small { font-size: .9rem; }
.site-footer nav ul { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; list-style: none; padding: 0; }
.site-footer nav a { text-decoration: underline; text-underline-offset: .2em; }
.af-comment-link { font-size: .9rem; }
@media (max-width: 600px) { .af-reader-next { padding: 1rem; } .af-reader-links { flex-direction: column; } .af-reader-links a { justify-content: center; } }