/* Blog layer: loads after theme.css. Hero, infographic SVG styling. */
.article-header{padding-bottom:2.5rem}
.article-hero{padding:2.25rem 4% 0;margin:0 auto}
.article-content{padding-top:2.5rem}
.article-figure{margin:2.5rem 0}
.article-figure svg{max-width:540px;margin-inline:auto}
.article-figure figcaption{text-align:center}
.article-content h2{text-wrap:balance}
.ig text{font-family:var(--ff-b);font-size:14px;fill:var(--text)}
.ig .m{fill:var(--muted)}
.ig .b{font-weight:600}
.ig .h{font-size:16px;font-weight:700}
.ig .on{fill:var(--on-accent,var(--bg))}
.ig .card{fill:var(--bg);stroke:var(--border);stroke-width:1.5}
.ig .acc{fill:var(--lime)}
.ig .accf{fill:var(--lime)}
.ig .mutf{fill:var(--muted)}
.ig .mutf2{fill:var(--s2);stroke:var(--border);stroke-width:1}
.ig .ln{stroke:var(--border);stroke-width:2;fill:none}
@media(max-width:768px){.article-hero{padding:1.5rem 5% 0}.article-content{padding-top:2rem}}

/* Blog media (moved from the retired theme layer; old-theme fallbacks) */
.blog-thumb,.blog-card img.blog-thumb{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:var(--s2);display:block}
.article-hero{margin:0 auto 2.5rem;max-width:960px}
.article-hero img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:18px;background:var(--s2);border:1px solid var(--border)}
.article-figure{margin:2.25rem 0;padding:0}
.article-figure img,.article-figure svg{width:100%;height:auto;border-radius:18px;border:1px solid var(--border);background:var(--surface);display:block}
.article-figure figcaption{margin-top:.75rem;font-size:.85rem;color:var(--muted);line-height:1.6}