/* Article page (WF-generated) */
.article-page{max-width:1200px;margin:0 auto;}
.article-header{background:var(--navy);padding:56px 24px;text-align:center;}
.article-hero-img{width:100%;max-width:1200px;height:360px;object-fit:cover;display:block;margin:0 auto;}
.card-meta{color:#c7ccd4;font-size:14px;margin-bottom:12px;}
.breadcrumb{color:#c7ccd4;font-size:14px;margin-bottom:12px;}
.breadcrumb-sep{margin:0 8px;}
.article-h1{color:#ffffff;font-size:36px;font-weight:400;max-width:820px;margin:0 auto;}
.author-byline{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:14px;color:#c7ccd4;}
.author-name{font-weight:600;color:#ffffff;}
.author-sep{opacity:.6;}
.article-lead{font-size:18px;color:var(--ink-soft);max-width:760px;margin:32px auto 0;text-align:center;}
.article-body{max-width:760px;margin:40px auto;padding:0 24px;font-size:16px;line-height:1.8;color:var(--ink);}
.article-body h2{font-size:26px;margin:36px 0 16px;color:var(--navy);}
.article-body h3{font-size:20px;margin:28px 0 12px;}
.article-body p{margin-bottom:18px;}
.article-body a{color:var(--bronze);text-decoration:underline;}

.author-bio-card{max-width:760px;margin:48px auto;padding:28px;background:var(--bg-alt);border-radius:4px;display:flex;gap:20px;align-items:flex-start;}
.author-bio-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.author-bio-name{font-weight:700;font-size:16px;margin-bottom:4px;}
.author-bio-title{font-size:13px;color:var(--ink-soft);margin-bottom:8px;}
.author-bio-text{font-size:14px;color:var(--ink-soft);}

.faq-section{max-width:760px;margin:48px auto;padding:0 24px;}
.faq-section h2{font-size:24px;margin-bottom:20px;color:var(--navy);}
#faq-items .faq-item{border-bottom:1px solid var(--border);padding:16px 0;}
#faq-items .faq-q{font-weight:600;margin-bottom:8px;}
#faq-items .faq-a{color:var(--ink-soft);font-size:15px;}

.cta-banner-inline{max-width:760px;margin:40px auto;padding:32px;background:var(--navy);color:#fff;text-align:center;border-radius:4px;}

.related-section{max-width:1200px;margin:56px auto;padding:0 24px;}
.related-section h2{font-size:24px;margin-bottom:24px;}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.rel-card{background:var(--bg-alt);border-radius:4px;overflow:hidden;}
.rel-title{padding:16px;font-size:15px;font-weight:600;}

/* Blog listing cards (blog.html, WF-inserted after AI_INJECT_START) */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;}
.article-card{background:var(--bg-alt);border-radius:4px;overflow:hidden;border:1px solid var(--border);}
.article-thumb{width:100%;height:180px;object-fit:cover;display:block;}
.article-card .article-body{max-width:none;margin:0;padding:20px;font-size:14px;}
.article-meta{display:flex;gap:10px;font-size:12px;color:var(--ink-soft);margin-bottom:8px;}
.article-cat{color:var(--bronze);font-weight:600;text-transform:uppercase;}
.article-date{color:var(--ink-soft);}
.article-excerpt{font-size:14px;color:var(--ink-soft);margin:8px 0 14px;}
.article-link{color:var(--navy);font-weight:600;font-size:14px;}

@media (max-width:900px){
  .rel-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .article-h1{font-size:26px;}
  .author-bio-card{flex-direction:column;}
}