/* Article reading column. */

.article { padding-block: 32px 48px; max-width: 70ch; margin-inline: auto; }
.article h1 { margin-bottom: 20px; }
.article__lead img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-media); margin-bottom: 24px; }
.article__body :is(h2, h3, h4) { margin-top: 32px; margin-bottom: 12px; }
.article__body p { margin: 0 0 16px; }
.article__figure { margin: 16px 0; }
.article__figure img { width: 100%; border-radius: var(--r-media); }
.article__related { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); }
.article__related ul { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }