/*
 * Corps d'article — alignement des images (editeur complet, 2026-09-24).
 *
 * Ecrit a la main, charge par la seule page article. Il ne cible que le
 * conteneur `[data-article-body]` et l'attribut `data-align`, que seuls les
 * blocs riches portent : un article sans image alignee est rendu exactement
 * comme avant. Le reste des styles du corps est en ligne (ArticleBody::STYLES).
 */

[data-article-body] figure[data-align="left"],
[data-article-body] img[data-align="left"] {
  float: left;
  max-width: 50%;
  margin: 4px 28px 16px 0;
}

[data-article-body] figure[data-align="right"],
[data-article-body] img[data-align="right"] {
  float: right;
  max-width: 50%;
  margin: 4px 0 16px 28px;
}

[data-article-body] figure[data-align="center"] {
  display: table;
  margin: 0 auto 24px;
}

[data-article-body] img[data-align="center"] {
  margin: 0 auto 24px;
}

/* Un titre, un filet, un tableau ou un bloc de code ne se glissent pas a cote
   d'une image flottante : ils repartent en dessous. */
[data-article-body] h2,
[data-article-body] h3,
[data-article-body] hr,
[data-article-body] pre,
[data-article-body] div[data-table],
[data-article-body] video {
  clear: both;
}

/* Sur un ecran etroit, une image alignee reprend toute la largeur : un texte
   de 140 px de large a cote d'elle ne se lirait pas. */
@media (max-width: 600px) {
  [data-article-body] figure[data-align],
  [data-article-body] img[data-align] {
    float: none;
    max-width: 100%;
    margin: 0 0 24px;
  }
}