.article-page{background:var(--white);padding:0 0 50px;}
.article-header{
  background:var(--navy);
  padding:30px 0 0;
}
.article-hero-img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}
.card-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:18px 0;
  font-size:12.5px;
  color:var(--ink-soft);
}
.breadcrumb{color:var(--ink-soft);}
.breadcrumb a{color:var(--accent);}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb-sep{color:var(--border);margin:0 6px;}

.article-h1{
  font-size:32px;
  color:var(--navy);
  line-height:1.2;
  margin:18px 0 16px;
  max-width:900px;
}
.author-byline{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--ink-soft);
  margin-bottom:22px;
}
.author-name{color:var(--navy);font-weight:600;}
.author-sep{color:var(--border);}
.article-lead{
  font-size:16px;
  color:var(--ink-soft);
  font-weight:500;
  max-width:820px;
  margin:0 0 24px;
  padding-bottom:24px;
  border-bottom:1px solid var(--border);
}
.article-body{
  max-width:820px;
  font-size:15px;
  color:var(--ink);
  line-height:1.7;
}
.article-body h2{
  font-size:22px;
  color:var(--navy);
  margin:32px 0 14px;
}
.article-body h3{
  font-size:18px;
  color:var(--navy);
  margin:24px 0 12px;
}
.article-body p{margin-bottom:16px;}
.article-body ul,.article-body ol{margin:12px 0 18px 22px;}
.article-body ul{list-style:disc;}
.article-body ol{list-style:decimal;}
.article-body li{margin-bottom:8px;}
.article-body img{border-radius:4px;margin:20px 0;}
.article-body blockquote{
  border-left:3px solid var(--accent);
  padding:12px 20px;
  color:var(--ink-soft);
  font-style:italic;
  margin:20px 0;
  background:var(--panel-alt);
}
.article-body a{color:var(--accent);text-decoration:underline;}

.author-bio-card{
  max-width:820px;
  display:flex;
  gap:16px;
  align-items:flex-start;
  background:var(--panel-alt);
  border:1px solid var(--border);
  border-radius:4px;
  padding:22px;
  margin:36px 0;
}
.author-bio-avatar{
  width:60px;height:60px;
  border-radius:50%;
  object-fit:cover;
  flex:none;
  background:var(--navy);
}
.author-bio-name{
  font-size:14.5px;
  color:var(--navy);
  font-weight:700;
  margin-bottom:2px;
}
.author-bio-title{
  font-size:12px;
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:0.4px;
  margin-bottom:8px;
}
.author-bio-text{font-size:13px;color:var(--ink-soft);}

.faq-section{
  max-width:820px;
  margin:36px 0;
}
.faq-section h2{
  font-size:22px;
  color:var(--navy);
  margin-bottom:16px;
}
.faq-section #faq-items .faq-item{
  border-bottom:1px solid var(--border);
  padding:16px 0;
}
.faq-section #faq-items .faq-item:last-child{border-bottom:none;}
.faq-section #faq-items .faq-q{
  font-size:14.5px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:8px;
}
.faq-section #faq-items .faq-a{
  font-size:14px;
  color:var(--ink-soft);
}

.cta-banner{
  max-width:820px;
  background:var(--navy);
  border-radius:4px;
  padding:30px 34px;
  margin:36px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.cta-banner h3{color:var(--white);font-size:19px;}
.cta-banner p{color:var(--silver);font-size:13.5px;margin-top:6px;}

@media(max-width:900px){
  .article-hero-img{height:220px;}
  .article-h1{font-size:24px;}
  .author-bio-card{flex-direction:column;}
}

.site-header{background:var(--navy);padding:14px 0;}
.header-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.header-logo{color:var(--white);font-weight:700;font-size:18px;text-decoration:none;}
.header-nav{display:flex;gap:20px;}
.nav-link{color:var(--steel);font-size:14px;text-decoration:none;}
.nav-link:hover{color:var(--accent);}
.site-footer{background:var(--footer-bg,#0b1420);padding:24px 0;}
.footer-inner{max-width:900px;margin:0 auto;padding:0 20px;text-align:center;color:var(--steel);font-size:13px;}