.article-page{overflow-x:clip;background:var(--white)}.article-page .breadcrumb{padding-top:2rem}.article-header{max-width:940px;padding-block:clamp(4rem,8vw,7rem);text-align:center}.article-header h1{max-width:22ch;margin:.65rem auto 1.4rem;font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.08}.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;color:var(--muted);font-size:var(--step--1)}.article-intro{max-width:760px;margin:2rem auto 0;color:var(--historic-ink);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.65}.article-body{max-width:820px}.article-body>section{padding-block:clamp(1.5rem,4vw,2.8rem);border-top:1px solid var(--line)}.article-body h2{max-width:24ch;margin:0 0 1.35rem;font-size:clamp(1.7rem,3vw,2.55rem)}.article-body p{font-size:clamp(1.03rem,1.4vw,1.14rem);line-height:1.82}.article-body a{color:var(--terra-dark);text-decoration-thickness:1px;text-underline-offset:.18em}.article-conclusion{margin-top:2rem}.article-related{padding:clamp(2rem,5vw,3.5rem);margin:3rem 0;background:var(--cream);border-radius:30px 10px 30px 10px}.article-related h2{font-size:clamp(1.55rem,3vw,2.2rem)}.article-related ul{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.article-related a{font-weight:700}.article-back{max-width:820px;padding-bottom:5rem}@media(max-width:600px){.article-header{text-align:left}.article-header h1{margin-inline:0}.article-meta{justify-content:flex-start}.article-related{border-radius:22px 8px 22px 8px}}

/* L'illustration du sujet : large, arrondie comme les cartes du site, et jamais
   plus haute qu'un tiers d'ecran — elle accompagne l'article, elle ne le precede
   pas. */
.article-illustration {
  display: block;
  width: 100%;
  max-height: 34vh;
  margin: 1.8rem 0 0;
  border-radius: 16px;
  object-fit: cover;
}