.article-page{background:#fff;color:#000;font-family:Matter,Arial,sans-serif;font-size:20px;line-height:1.55}
.article-page .container{width:min(940px,calc(100% - 48px));margin:auto}
.article-page .page-hero{padding:88px 0 64px;background:var(--paper,#f3f0e8)}
.article-page .eyebrow{display:flex;gap:12px;font:14px/1.4 Matter,Arial,sans-serif;text-transform:uppercase;margin-bottom:32px}
.article-page h1{font-size:clamp(44px,6vw,80px);line-height:1.02;letter-spacing:-.025em;margin:0 0 32px;font-weight:700;max-width:900px}
.article-page .lede{font-size:clamp(22px,2.3vw,30px);line-height:1.3;max-width:850px;margin:0 0 36px}
.article-page .byline{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:15px;line-height:1.5;margin:0}
.article-page .prose{max-width:760px;margin:auto;padding:72px 0 96px;overflow-wrap:anywhere}
.article-page .prose p{margin:0 0 28px}
.article-page h2{font-size:36px;line-height:1.15;letter-spacing:-.02em;margin:56px 0 24px;font-weight:700}
.article-page a{text-decoration:underline;text-underline-offset:4px}
.article-page a:hover{color:var(--blue)}
.article-page blockquote{margin:40px 0;padding:30px 32px;border-left:4px solid var(--blue);background:var(--paper,#f3f0e8);font-size:25px;line-height:1.4}
.article-page blockquote p{margin:0!important}.article-page blockquote small{display:inline-block;font-size:15px;margin-top:16px}
@media(max-width:700px){.article-page{font-size:18px}.article-page .page-hero{padding:48px 0 40px}.article-page .prose{padding:40px 0 64px}.article-page h2{font-size:30px}.article-page blockquote{padding:24px;font-size:22px}}

.article-page h1{text-wrap:balance}
.article-page .prose img{display:block;max-width:100%;height:auto;margin:32px auto}
.article-page .prose figure{margin:36px 0}
.article-page .prose figcaption{font-size:16px;line-height:1.4;margin-top:12px}
.article-page .prose li{margin-bottom:12px}

.article-next{margin-top:56px;font-size:18px;line-height:1.4}.article-next a{display:inline-block}