/* Writing keeps the site's shared gutter and Arial document system. */
.writing-list { padding-block: var(--space-md) var(--space-2xl); }
.writing-list > ul { max-width: var(--measure); list-style: none; }
.writing-list li { padding-block: var(--space-lg); border-top: 1px solid var(--color-rule); }
.writing-list h2 { margin-block: var(--space-xs); font-size: var(--text-title); }
.writing-list article > p:last-child { color: var(--color-ink-2); }
.post-meta { color: var(--color-muted); font-size: var(--text-sm); }
.draft-note { margin-top: var(--space-lg); padding-left: var(--space-md); border-left: 2px solid var(--color-rule); color: var(--color-ink-2); font-size: var(--text-sm); }
.writing-article { padding-block: var(--space-lg) var(--space-2xl); }
.writing-article header, .prose { max-width: var(--measure); }
.back-link { display: inline-flex; min-height: 44px; align-items: center; font-size: var(--text-sm); }
.writing-article h1 { margin-block: var(--space-md); font-size: var(--text-display); line-height: 1.08; letter-spacing: var(--track-display); }
.prose { margin-top: var(--space-xl); overflow-wrap: anywhere; }
.prose > * + * { margin-top: var(--space-md); }
.prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { margin-top: var(--space-xl); font-weight: 600; line-height: 1.25; }
.prose h2 { font-size: 1.625rem; }
.prose h3 { font-size: 1.25rem; }
.prose ul, .prose ol { padding-left: var(--space-lg); }
.prose li + li { margin-top: var(--space-xs); }
.prose blockquote { border-left: 2px solid var(--color-rule); padding-left: var(--space-lg); color: var(--color-ink-2); }
.prose pre { padding: var(--space-md); background: var(--color-paper-2); white-space: pre-wrap; overflow-wrap: anywhere; }
.prose code { font-family: var(--font-mono); font-size: .9375em; }
.prose :not(pre) > code { background: var(--color-paper-2); padding: .1em .25em; }
.prose img { display: block; max-width: 100%; height: auto; }
.table-scroll { max-width: 100%; overflow-x: auto; }
.prose table { width: 100%; border-collapse: collapse; overflow-wrap: normal; }
.prose td, .prose th { min-width: 10rem; padding: var(--space-xs) var(--space-md); border-bottom: 1px solid var(--color-rule); text-align: left; }
.prose th { font-weight: 600; }
.prose hr { border: 0; border-top: 1px solid var(--color-rule); margin-block: var(--space-xl); }

.prose a { text-decoration: underline; text-underline-offset: .18em; }
.writing-article header, .writing-list article { overflow-wrap: anywhere; }