/* Shared reading rhythm for every blog article detail page. */
.article-main .content-section > p {
    max-width: 72ch;
    margin: 0;
    color: #334155;
    font-size: 1rem;
    line-height: 1.8;
}

/* Keep a predictable gap between all prose blocks and article components. */
.article-main .content-section > p + p,
.article-main .content-section > p + .callout,
.article-main .content-section > p + .benefit-list,
.article-main .content-section > p + .steps-grid,
.article-main .content-section > p + .pill-row,
.article-main .content-section > .callout + p,
.article-main .content-section > .benefit-list + p,
.article-main .content-section > .steps-grid + p,
.article-main .content-section > .pill-row + p {
    margin-top: 1.25rem;
}

@media (max-width: 640px) {
    .article-main .content-section > p {
        max-width: none;
        font-size: 0.98rem;
        line-height: 1.7;
    }
}