/* Column details only. Shared pages and the WordPress editor keep their styles. */
.single-article h1,
.single-article .prose,
.single-article .prose :is(h2,h3,h4,p) { text-align: left; text-wrap: wrap; }
.single-article :is(h1,h2,h3,h4) { overflow-wrap: anywhere; text-wrap: wrap; }
.single-article .reading-width { margin-inline: auto; }
.single-article .prose { width: 100%; min-width: 0; }
.single-article .post-meta { justify-content: flex-start; }
.single-article .prose :is(ul,ol,pre,table) { text-align: left; }
.single-article .prose :is(ul,ol) { width: auto; max-width: 100%; margin-inline: 0; }
.single-article .prose img { margin-inline: auto; }
.single-article .prose :is(h2,h3)[id] { scroll-margin-top: 24px; }
.single-article .prose .wp-block-table { overflow-x: auto; }
.article-toc { margin: 0 0 48px; border: 1px solid var(--line); background: var(--paper); padding: 24px 32px; text-align: left; }
.article-toc summary { cursor: pointer; color: var(--navy); font-family: var(--serif); font-size: 21px; font-weight: 600; line-height: 1.8; }
.article-toc summary::marker { color: var(--gold-dark); font-size: 15px; }
.article-toc ol { margin: 18px 0 0; padding-left: 1.5em; }
.article-toc li { padding-left: 5px; color: var(--navy); font-size: 14px; line-height: 1.9; }
.article-toc li + li { margin-top: 10px; }
.article-toc li::marker { color: var(--gold-dark); }
.article-toc li > ol { margin: 8px 0 16px; }
.article-toc li > ol li { font-size: 13px; color: var(--ink); }
.article-toc a { display: inline-block; padding-block: 4px; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }
.article-toc a:hover { color: var(--gold-dark); text-decoration-color: currentColor; }
@media (max-width: 767px) {
    .article-toc { padding: 20px; margin-bottom: 36px; }
    .article-toc summary { font-size: 20px; }
    .article-toc li { font-size: 13px; padding-left: 2px; }
    .article-toc li > ol li { font-size: 12px; }
    .article-toc ol { padding-left: 1.4em; }
}
