/* Composition propre au chapitre « Les filigranes ».
   Chaque selecteur commence par .p-les-filigranes, sans exception.
   Proprietes logiques seulement : l'arabe se sert en RTL. */

/* Le .figure du systeme stylise img et svg, jamais canvas : les deux figures
   de la demonstration d'image l'etendent ici, comme au chapitre
   « une image fabriquee ». Un canvas de 256 pixels de cote est agrandi par le
   navigateur : sans cette ligne, le lissage inventerait des details que le
   calcul n'a pas produits. */
.p-les-filigranes .figure canvas {
  display: block;
  inline-size: 100%;
  block-size: auto;
  image-rendering: pixelated;
}

/* Le texte engendre ou mesure, mot par mot : chaque jeton porte deja son
   etiquette « verte » ou « rouge » en toutes lettres, la couleur ne fait que
   la doubler. Une legere respiration verticale suffit. */
.p-les-filigranes .jetons { margin-block: var(--s-4); }

.p-les-filigranes .bloc { margin-block-start: var(--s-6); }
.p-les-filigranes .bloc > h3 { margin-block-end: var(--s-3); }