/* ==========================================================================
   single.php — article (README §7.7)
   --------------------------------------------------------------------------
   Porté du prototype (`style.css` 562-581). Deux points à savoir :

   1. Le corps est en `17px/1.8`, PAS en `16.5px/1.75` comme l'annoncent le
      README §7.7 et la spec §5. Le prototype fait foi sur l'apparence
      (ADR-0006, CLAUDE.md §0) et il porte `.article__body{font-size:17px;
      line-height:1.8}`. L'écart est déclaré dans la note de livraison.
   2. Sans colonne latérale (la spec §5 décrit une colonne de lecture seule),
      la colonne de 720px est CENTRÉE dans le wrap : `.article--solo`. Dans le
      prototype elle est la colonne gauche d'une grille à deux colonnes, donc
      la question ne se posait pas.
   ========================================================================== */
.article{max-width:720px;}
.article--solo{margin-inline:auto;}
.article__hero{aspect-ratio:16/9;background:var(--grey);overflow:hidden;margin-bottom:clamp(28px,3.4vw,44px);}
.article__hero img{width:100%;height:100%;object-fit:cover;display:block;}
.article__body{display:grid;gap:22px;font-size:17px;line-height:1.8;color:var(--body);}
.article__body > *{margin:0;}
.article__body > h2{margin:14px 0 0;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.015em;color:var(--ink);line-height:1.2;}
.article__body > h3{margin:8px 0 0;font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--ink);}
.article__body img{display:block;height:auto;max-width:100%;}
.article__body figcaption{margin-top:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--secondaire);}
.article__body ul,.article__body ol{padding-left:22px;}
.article__body li + li{margin-top:8px;}

/* Citation : `.quote` du prototype, appliquée au bloc de cœur `core/quote`
   (le seul que l'allowlist du Lot 4 laisse passer sur un article). */
.article__body blockquote{margin:0;border-left:3px solid var(--orange);padding:4px 0 4px 24px;}
.article__body blockquote p{margin:0;font-size:20px;line-height:1.45;letter-spacing:-.01em;color:var(--ink);font-weight:700;}
.article__body blockquote cite{display:block;margin-top:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--secondaire);font-style:normal;font-weight:400;}