/* ============ NEWS ARTICLE PAGE ============
   Extends news.css. Tokens-only, light/dark safe. */

.article-header{max-width:var(--content-default);margin:0 auto;}
.article-eyebrow{
  font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;
  text-transform:uppercase;letter-spacing:var(--tracking-uppercase);
  color:var(--color-accent);margin-bottom:var(--space-3);
}
.article-header h1{max-width:22ch;}
.article-lede{
  font-size:var(--text-lg);color:var(--color-text-muted);
  line-height:var(--leading-body);margin-top:var(--space-5);max-width:60ch;
}

/* full-bleed collage hero under the header */
.article-hero{
  margin:var(--space-10) calc(-50vw + 50%) var(--space-12);
  padding:0 var(--space-6);
}
.article-hero-inner{
  max-width:var(--content-max);margin:0 auto;
  border-radius:var(--radius-xl);overflow:hidden;position:relative;
  box-shadow:var(--shadow-md);
}
.article-hero-inner img{width:100%;height:clamp(240px,38vw,460px);object-fit:cover;}
.article-hero-caption{
  font-size:var(--text-xs);color:var(--color-text-faint);
  max-width:var(--content-default);margin:var(--space-3) auto 0;
}

/* body prose column */
.article-body{max-width:var(--content-default);margin:0 auto;}
.article-body h2{font-size:var(--text-xl);}

/* pull-quote: extends base blockquote (gold left-border) */
.pull-quote{
  border-left:4px solid var(--color-accent);
  padding:var(--space-5) var(--space-6);
  margin:var(--space-12) 0;
  background:var(--color-surface-offset);
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  font-style:normal;
}
.pull-quote p{
  font-family:var(--font-display);
  font-size:var(--text-lg);line-height:var(--leading-subhead);
  color:var(--color-text);max-width:60ch;
}
.pull-quote footer{
  margin-top:var(--space-4);
  font-family:var(--font-body);font-style:normal;
  font-size:var(--text-sm);color:var(--color-text-muted);
}
.pull-quote footer strong{color:var(--color-text);font-weight:600;}

/* two author cards side by side */
.article-authors{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:var(--space-4);margin:var(--space-12) 0;
}

/* share rail */
.article-share{
  display:flex;align-items:center;gap:var(--space-3);
  margin-top:var(--space-8);padding-top:var(--space-6);
  border-top:1px solid var(--color-divider);
}
.article-share span{
  font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;
  text-transform:uppercase;letter-spacing:var(--tracking-uppercase);
  color:var(--color-text-muted);
}
.article-share a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;
  border:1px solid var(--color-border);border-radius:var(--radius-md);
  color:var(--color-text-muted);text-decoration:none;
  transition:all var(--transition-interactive);
}
.article-share a:hover{color:var(--color-primary);border-color:var(--color-text-muted);}

/* continuity FAQ sits in an offset band */
.article-faq{max-width:var(--content-default);margin:0 auto;}

@media (max-width:767px){
  .article-authors{grid-template-columns:1fr;}
}