/* article features absent from the original stylesheet; its page layout stays intact. */
.article-body { overflow-wrap: anywhere; }
.article-subtitle { color: var(--soft); margin: .75rem 0 0; }
.article-body h2, .article-body h3 { line-height: 1.25; margin: 2em 0 .7em; }
.article-body h2 { font-size: 1.45rem; font-weight: normal; }
.article-body h3 { font-size: 1.12rem; }
.article-body blockquote { margin: 1.5rem 0; padding-left: 1.2rem; border-left: 2px solid var(--line); }
.article-body figure { margin: 1.75rem 0; }
.article-body figure img { margin: 0; }
.article-body figcaption { margin-top: .6rem; color: var(--soft); font-size: .85rem; }
.article-body hr { border: 0; border-top: 1px solid var(--line); margin: 2rem 0; }
.article-body code { font-size: .85em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.article-body pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 1rem; border: 1px solid var(--line); }
.footnote-anchor { vertical-align: super; font-size: .7em; line-height: 0; margin-left: .1em; }
.footnote { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr); gap: .45rem; margin: 1rem 0; font-size: .86rem; }
.footnote-content p:last-child { margin-bottom: 0; }
[id] { scroll-margin-top: 1rem; }
.linked-post { margin: 1.5rem 0; border-left: 1px solid var(--line); padding-left: 1rem; }
.linked-post p { margin-bottom: .5em; }

/* Writing archive: flush left, with dates beneath each title. */
.archive-list { list-style: none; margin: 0; padding: 0; text-align: left; }
.archive-list > li { display: block; margin: 0 0 1.25rem; padding: 0; }
.archive-list > li::before { content: none; }
.archive-list time { display: block; color: var(--soft); font: .75rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }