/* ============================================================
   ARTICLE DETAIL — page-only rules.
   Links after common.css + journal-list.css (reuses that page's
   FAQ accordion, "Curiosity belongs here" banner and newsletter
   section — shared between the Journal list and every article
   detail page rather than duplicated).
   ============================================================ */

/* ----- Hero: this article's title/photo, shorter than the list's. ----- */
.article-hero{
  min-height:var(--hero-height,80vh);
  background:#0b1420 url('/img/db/content/featured-pause.jpg') center/cover no-repeat;
}

/* ===== ARTICLE BODY ===== */
.article-body{padding:var(--section-space-md,80px) 0 var(--section-space-sm,70px);}
.article-body-inner{max-width:1200px;margin:0 auto;}
.article-lead{
  font-size:21px;
  color:var(--ink);
  line-height:1.7;
  margin-bottom:28px;
}
.article-body-inner h2{
  font-family:'Playfair Display',serif;
  font-weight:var(--fw-h2);
  font-size:var(--fs-h2);
  line-height:1.3;
  margin:46px 0 18px;
}
.article-body-inner p{
  font-size:17px;
  color:var(--muted);
  line-height:1.85;
  margin-bottom:22px;
}
.article-quote{
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-weight:300;
  font-size:26px;
  line-height:1.5;
  color:var(--ink);
  border-left:2px solid var(--gold);
  padding:4px 0 4px 30px;
  margin:46px 0;
}
.article-back{text-align:center;margin-top:36px;}

@media (max-width:640px){
  .article-quote{font-size:21px;padding-left:20px;margin:36px 0;}
  .article-body{padding:56px 0 50px;}
}