.blog-index,.blog-article{padding-block:56px 80px}
.blog-index h1{max-width:920px;font-size:clamp(2.6rem,5.4vw,4.9rem);text-wrap:balance}
.blog-page h1 em{color:var(--accent)}
.blog-page nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.blog-posts{margin-top:48px}
.blog-posts>h2{font-size:clamp(1.65rem,3vw,2.5rem);margin-bottom:20px}
.blog-card{max-width:730px;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:10px;background:#fff}
.blog-card .eyebrow{margin-bottom:12px}
.blog-card h3{font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.22}
.blog-card h3 a:hover,.article-back:hover{ text-decoration:underline;text-underline-offset:4px}
.blog-card>p:not(.eyebrow){color:var(--muted);margin-top:14px}
.blog-read{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.article-header{position:static;max-width:820px;margin-inline:auto;padding-bottom:24px}
.article-back{display:inline-block;color:var(--muted);font-size:.85rem;margin-bottom:30px}
.article-header h1{font-size:clamp(2.35rem,5.5vw,4.5rem);text-wrap:balance}
.article-byline{font-size:.85rem;color:var(--muted);margin-top:18px}
.article-byline span{padding-inline:4px}
.article-prose{max-width:720px;margin:30px auto 0;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.72}
.article-prose p+p{margin-top:16px}
.article-prose h2{font-size:clamp(1.65rem,3.5vw,2.35rem);line-height:1.16;letter-spacing:-.035em;margin:40px 0 15px;text-wrap:pretty}
.article-prose ul{padding-left:22px;margin-block:14px}
.article-prose li+li{margin-top:7px}
.article-prose li::marker{color:var(--accent)}
.article-offer{background:var(--pale);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;padding:clamp(18px,4vw,34px);margin-top:44px}
.article-offer .eyebrow{margin-bottom:12px}
.article-offer h2{margin-top:0}
.article-offer .button{margin-top:22px;gap:9px}
.article-secondary{font-size:.86rem;margin-top:14px}
.article-secondary a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:700px){.blog-index,.blog-article{padding-block:78px 100px}}