.article-hero{padding-bottom:0;}
.article-meta{display:flex;gap:14px;align-items:center;font-size:.82rem;color:var(--ink-soft);margin-top:10px;}
.article-meta span:not(:last-child)::after{content:"\2022";margin-left:14px;color:var(--line);}
.article-body{max-width:68ch;margin:0 auto;padding:0 24px;}
.article-body p{color:var(--ink-soft);line-height:1.7;font-size:1.02rem;margin:0 0 20px;}
.article-body h2{color:var(--ink);font-size:1.4rem;margin:40px 0 16px;}
.article-body h3{color:var(--ink);font-size:1.12rem;margin:30px 0 12px;}
.article-body ul,.article-body ol{color:var(--ink-soft);line-height:1.7;font-size:1.02rem;margin:0 0 20px;padding-left:22px;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--ink);}
.article-body blockquote{margin:28px 0;padding:16px 22px;border-left:3px solid var(--coral);background:var(--mint);border-radius:0 8px 8px 0;color:var(--ink);font-style:italic;}
.article-body .callout-box{margin:28px 0;padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:var(--paper);}
.article-body .callout-box p{margin:0;font-size:.94rem;}
.article-cta{max-width:68ch;margin:44px auto 0;padding:24px 28px;border:1px solid var(--line);border-radius:12px;background:var(--white);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.article-cta p{margin:0;color:var(--ink);font-weight:600;}
.article-back{max-width:68ch;margin:0 auto 30px;padding:0 24px;}
.article-back a{color:var(--ink-soft);font-size:.88rem;text-decoration:none;}
.article-back a:hover{color:var(--coral);}
.author-box{max-width:68ch;margin:36px auto 0;padding:18px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;}
.author-box .avatar{width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0;}
.author-box strong{display:block;color:var(--ink);font-size:.95rem;}
.author-box span{color:var(--ink-soft);font-size:.84rem;}
.blog-card h2 a {
    letter-spacing: -0.5px;
}