/* Long-form articles in /learn/. Extends the .article rules in site.css,
   which were written for step-by-step guides. */
.article > h2 { font-size: var(--h3); letter-spacing: -.015em; line-height: 1.25; margin-top: var(--s10); }
.article > p, .article > ul, .article > ol, .article > .table-wrap { margin-top: var(--s4); color: var(--text); }
.article > h2 + p, .article > h2 + ul, .article > h2 + ol, .article > h2 + .table-wrap { margin-top: var(--s3); }
.article > ol, .article > ul:not(.plain) { padding-left: 1.4em; display: grid; gap: var(--s2); }
.article li strong { color: var(--ink); }
.article tbody th { font-family: inherit; font-size: inherit; letter-spacing: 0; text-transform: none; font-weight: 600; color: var(--ink); }
.article .table-wrap table { min-width: 560px; }
.article__sources { margin-top: var(--s10); padding-top: var(--s6); border-top: 1px solid var(--border); }
.article__sources h2 { font-size: var(--h3); }
.article__sources ul.plain { font-size: var(--small); color: var(--muted); }

/* Articles whose prose sits in .article__body. */
.article__body h2 { font-size: var(--h3); letter-spacing: -.015em; line-height: 1.25; margin-top: var(--s10); }
.article__body h3 { font-size: 1.125rem; margin-top: var(--s6); }
.article__body p { margin-top: var(--s4); color: var(--text); }
.article__body p.article__intro { margin-top: var(--s5); }
.article__body ul, .article__body ol { margin-top: var(--s4); padding-left: 1.2em; display: grid; gap: var(--s2); color: var(--text); }
.article__body .table-wrap { margin-top: var(--s2); }
.article__body .table-note { margin-top: var(--s2); font-size: var(--small); color: var(--muted); }
.article__sources ul { margin-top: var(--s3); padding-left: 1.2em; display: grid; gap: var(--s2); font-size: var(--small); color: var(--muted); }