/* Gestion by Belentia, DA v3.3 : styles de la page « article, après affine et v32 », repris tels quels de la maquette article.html (24/09/2026). */
/* Boucle 3, correction (23/09) : titre de l'article en deux lignes,
     « Organiser les dépenses / d’un week-end entre amis », à toutes les
     largeurs. Espaces insécables dans le titre (« les dépenses », « d’un
     week-end », « entre amis ») : plus de « les » ni de « d’un » en fin de
     ligne. */

  /* Téléphone : « d’un week-end entre amis » fait 352 px à 28 px ; 7vw
     (27,3 px à 390, 25,2 px à 360) le fait tenir dans la colonne. */
  @media (max-width: 720px) {
    .article__head .h1 { font-size: clamp(24px, 7vw, 30px); }
  }

  /* Tablette (721 à 1 024 px) : en-tête sur une colonne de 720 px, alignée
     sur la lecture ; la couverture passe sous la méta, en 5:4 (720 × 576),
     objets entiers avec 38 px de menthe au-dessus et au-dessous (en 4:3, la
     carte et l'écharpe frôlaient les bords). Le titre tient sur deux lignes
     (il en faisait quatre dans 440 px à 768). */
  @media (min-width: 721px) and (max-width: 1024px) {
    .article__top { display: block; }
    .article__top > .col { max-width: 720px; margin-inline: auto; }
    .article__top > .article__figure { margin-top: var(--space-5); }
    .article__top .article__cover { aspect-ratio: 5 / 4; object-position: 50% 56.5%; }
  }
  @media (min-width: 901px) and (max-width: 1024px) {
    .article__top .h1 { font-size: 48px; }
  }

  /* Ordinateur (deux colonnes, texte 624 px) : 48 px au lieu de 52 pour
     tenir sur deux lignes (« d’un week-end entre amis » : 620 px à 48). */
  @media (min-width: 1025px) {
    .article__top .h1 { font-size: 48px; }
  }
  /* Boucle 5 (24/09) : premier écran mobile vivant. L'image d'en-tête dérive très
     lentement (1 → 1,05 en 16 s, aller-retour), sans vidéo ; fixe en mouvement réduit.
     Propriété scale : se compose avec le balayage du kit sans le remplacer. */
  @keyframes gx-derive { from { scale: 1; } to { scale: 1.05; } }
  @media (prefers-reduced-motion: no-preference) {
    .article__cover { animation: gx-derive 16s ease-in-out infinite alternate; }
  }