/* blog.css — article typography & journal cards; extends main.css (loaded first) */

.article-in{max-width:680px;margin:0 auto;padding:70px 24px 90px}
.article-in h1{font-family:var(--display);font-size:clamp(2rem,4vw,2.8rem);text-align:center;line-height:1.25;color:var(--bone)}
.article-in .sadu{margin:22px auto 28px}
.article-meta{text-align:center;color:var(--smoke);font-size:.8rem;margin-bottom:44px;text-transform:uppercase;letter-spacing:.1em}
[dir="rtl"] .article-meta{letter-spacing:.02em}
.article-in p{font-size:17.5px;line-height:1.9;color:var(--ink);margin-bottom:1.6em}
.pull-quote{border-inline-start:2px solid var(--ember);padding-inline-start:24px;margin:2.2em 0;font-family:var(--display);font-size:1.3rem;color:var(--bone)}

.article-cta{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:36px;text-align:center;max-width:680px;margin:20px auto 90px}
.article-cta h3{font-family:var(--display);font-size:1.4rem;margin-bottom:20px;color:var(--bone)}
.article-cta .cta-row{justify-content:center}

.blog-index-header{text-align:center;padding:70px 24px 10px}