/* ============================================================
   LISTE À PUCE D'ICÔNE — l'énumération du site
   NOUVEAU COMPOSANT (bloc 5a de l'É4, 10/08). Le site n'écrit jamais une liste
   avec la puce du navigateur : il pose un chevron dans un cercle, teinté, et
   aligne le texte à côté. Trois emplois réels, ce qui satisfait la règle K4 :
     1. les quatre panneaux de chiffres de « Caritatif » (18 entrées) ;
     2. les trois volets d'accordéon de « Partenaires » (15 entrées) ;
     3. les listes des pages légales, à venir (vague B).

   RELEVÉ LIVE (sonde `probe-5a-detail.js`, 10/08) :
     texte   16 px, #444444 (sur clair) — #ffffff quand la liste est sur nuit
     icône   16 × 16, #68a1b0, tracé `fas_chevron-circle-right`
   Le tracé est celui RENDU AUJOURD'HUI par le site (jeu Font Awesome déjà en
   place, GPL, sous licence du client) : la refonte est à l'identique, on ne
   redessine pas une puce au passage. Il est déjà au thème sous le nom
   `decouvrir` — même glyphe, deux emplois : ici il sert de puce.

   DEUX ÉCARTS ASSUMÉS, tous deux des décisions déjà gatées du système :
   1. le texte suit `--type-body` (18 px) et non les 16 px du live, comme toute
      prose depuis le gate 1 de la DA ;
   2. l'encre de la puce est `--icon` (le teal d'encre, 5,65:1 sur blanc) et non
      l'accent brut du live (2,69:1) — règle de `tokens.css` § iconographie,
      déjà appliquée à `.lcdi-notice` au bloc 4.

   ALIGNEMENT : la puce se cale sur la PREMIÈRE LIGNE du texte, pas au centre du
   bloc — une entrée de trois lignes garderait sinon son chevron au milieu.
   `margin-top: .28em` est le décalage qui centre un carré de 1 em sur une ligne
   de 1,6 : (1,6 − 1) / 2 = 0,3, moins la demi-différence entre la hauteur du
   glyphe et sa boîte.
   ============================================================ */

.lcdi-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.lcdi-liste__item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  color: var(--text-body);
  line-height: var(--lh-body);
}

/* DIMENSION RÉSOLUE (règle systémique du bloc 3c) : la puce déclare sa taille,
   elle ne la déduit pas de son contenu — un SVG sans dimension rend 0 × 0 le
   temps d'un reflow et la liste saute. */
.lcdi-liste__puce {
  flex: none;
  width: var(--liste-puce, 1em);
  height: var(--liste-puce, 1em);
  margin-top: .28em;
  color: var(--icon);
  fill: var(--icon);
}
.lcdi-liste__puce svg { display: block; width: 100%; height: 100%; fill: currentColor; }

/* Sur nuit, la puce reprend l'encre du monde sombre : l'encre de teal y
   descendrait à 3:1 sur bitume. Même inversion que `notice.css`. */
[data-theme="nuit"] .lcdi-liste__puce { color: var(--icon-inverse); fill: var(--icon-inverse); }
[data-theme="nuit"] .lcdi-liste__item { color: var(--text-on-night); }