/* Long-form article rhythm (blog posts, tool pages). Pivot's w-richtext defaults give a heading only a little more space
   above than below and 42px around lists; this groups a heading with the text that follows it.
   Opt in with class="article article-flow w-richtext". Typography (weights, sizes of body copy) stays Pivot's own. */
.article.article-flow h2 {
    font-size: 28px; line-height: 36px; letter-spacing: -0.01em;
    margin: 56px 0 12px; /* more space above a heading than below: it belongs to the text that follows */
}
.article.article-flow h3 { font-size: 22px; line-height: 30px; letter-spacing: -0.01em; margin: 40px 0 8px; }
.article.article-flow h4 { font-size: 18px; line-height: 28px; margin: 32px 0 8px; }
.article.article-flow h5 { font-size: 16px; line-height: 24px; margin: 24px 0 8px; }
.article.article-flow h2 + h3 { margin-top: 24px; }
.article.article-flow img { display: block; max-width: 100%; height: auto; margin: 32px 0; border-radius: 7px; }
.article.article-flow > :first-child,
.article.article-flow .article > :first-child { margin-top: 0; }
.article.article-flow p { margin: 0 0 20px; }
.article.article-flow p:has(+ ul), .article.article-flow p:has(+ ol) { margin-bottom: 12px; }
.article.article-flow ul, .article.article-flow ol { margin: 0 0 20px; padding-left: 24px; overflow: visible; }
.article.article-flow li { margin: 0 0 8px; padding-left: 4px; }
.article.article-flow li:last-child { margin-bottom: 0; }
.article.article-flow strong { font-weight: 600; }
.article-flow > :last-child { margin-bottom: 0; }