/* Article layouts use the existing brand fonts and colors. */
.article-body{width:min(780px,calc(100% - 48px));margin:auto;padding:64px 0 80px;font-size:18px;line-height:1.8;overflow-wrap:break-word}
.article-body h2{font-size:clamp(29px,4vw,42px);line-height:1.2;margin:48px 0 22px;color:var(--navy)}
.article-body p{margin-bottom:24px}
.article-body a{color:var(--evergreen);font-weight:600;text-underline-offset:4px}
.article-body li{padding-left:4px;margin-bottom:12px}
.article-body ul,.article-body ol{padding-left:28px;margin:24px 0 32px}
.article-byline{font-size:15px;color:var(--slate);margin:24px 0 0}
.article-byline a{text-underline-offset:3px}
/* Keep the two-card article lists balanced rather than expanding the final card. */
.overview-grid>.overview-card:last-child{grid-column:auto}
@media(max-width:600px){.article-body{width:calc(100% - 32px);font-size:17px;padding:40px 0 55px}.article-body h2{margin-top:36px}}

.article-answer{padding:26px 28px;margin:0 0 32px;background:var(--sage);border-left:4px solid var(--evergreen)}
.article-answer .eyebrow{font-size:12px;margin-bottom:12px}
.article-answer p:last-child{margin-bottom:0}
.article-figure{margin:0 0 40px}
.article-figure img{display:block;width:100%;height:auto;border-radius:8px}
.article-figure figcaption{font-size:14px;line-height:1.6;color:var(--slate);margin-top:12px}
@media(max-width:600px){.article-answer{padding:20px}}