.article-page{background:var(--sm-white);}
.article-header{background:var(--sm-navy);color:#fff;padding:50px 32px 40px;text-align:center;}
.article-hero-img{width:100%;max-height:420px;object-fit:cover;}
.card-meta{max-width:760px;margin:0 auto;padding:24px 32px 0;font-size:.85rem;color:var(--sm-text-muted);}
.breadcrumb{font-size:.82rem;color:#a8b0c8;margin-bottom:14px;}
.breadcrumb-sep{margin:0 6px;}
.article-h1{font-size:2rem;color:#fff;margin:8px 0 14px;}
.author-byline{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#cfd6ea;justify-content:center;}
.author-name{font-weight:600;color:#fff;}
.author-sep{color:#8b93ad;}
.article-lead{max-width:760px;margin:24px auto 0;padding:0 32px;font-size:1.1rem;color:var(--sm-text-muted);}
.article-body{max-width:760px;margin:0 auto;padding:24px 32px 40px;font-size:1rem;color:var(--sm-text);}
.article-body h2{margin:28px 0 12px;font-size:1.4rem;}
.article-body p{margin-bottom:16px;}
.author-bio-card{max-width:760px;margin:20px auto;padding:20px;background:var(--sm-ivory);display:flex;gap:16px;align-items:center;}
.author-bio-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;}
.author-bio-name{font-weight:600;font-size:.95rem;}
.author-bio-title{font-size:.82rem;color:var(--sm-text-muted);}
.author-bio-text{font-size:.85rem;color:var(--sm-text-muted);margin-top:6px;}
.faq-section{max-width:760px;margin:0 auto;padding:20px 32px 50px;}
.faq-section h2{font-size:1.4rem;margin-bottom:16px;}
#faq-items .faq-item{border-bottom:1px solid #eee;padding:14px 0;}
#faq-items .faq-q{font-weight:600;margin-bottom:6px;}
#faq-items .faq-a{color:var(--sm-text-muted);font-size:.92rem;}
.cta-banner{max-width:760px;margin:0 auto 50px;padding:28px;background:var(--sm-blue-band-light);text-align:center;border-radius:2px;}
.related-section{max-width:1280px;margin:0 auto;padding:40px 32px 60px;}
.related-section h2{font-size:1.4rem;margin-bottom:20px;}
.rel-card{background:var(--sm-ivory);padding:14px;}
.rel-title{font-size:.95rem;margin-top:10px;}

/* blog.html article cards */
.article-card{background:var(--sm-ivory);overflow:hidden;display:flex;flex-direction:column;}
.article-card .article-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;}
.article-card .article-body{max-width:none;margin:0;padding:18px;flex:1;display:flex;flex-direction:column;}
.article-card .article-meta{font-size:.78rem;color:var(--sm-text-muted);margin-bottom:8px;display:flex;gap:8px;}
.article-card .article-cat{color:var(--sm-gold);text-transform:uppercase;letter-spacing:.5px;font-weight:600;}
.article-card .article-date{color:#9aa0b4;}
.article-card .article-excerpt{font-size:.88rem;color:var(--sm-text-muted);margin-bottom:12px;flex:1;}
.article-card .article-link{font-size:.85rem;font-weight:600;color:var(--sm-navy);}