/* ===========================================================================
   PAGE « À PROPOS » — un texte, rien d'autre.
   Que des jetons existants ; aucun encadré, aucune couleur nouvelle.
   =========================================================================== */

.a-propos h2 {
  /* Sous-titres d'un texte suivi : plus petits qu'un titre de page, et bien
     détachés du paragraphe qui précède. */
  font-size: var(--tab-taille-moyenne, 1.125rem);
  margin-block: var(--tab-espace-4, 64px) var(--tab-espace-2, 16px);
}
.a-propos h2:first-of-type { margin-block-start: var(--tab-espace-3, 32px); }

.a-propos p {
  /* Un texte se lit : interlignage un peu plus ample que celui de
     l'application, où l'on parcourt plus qu'on ne lit. */
  line-height: 1.7;
  margin-block-end: var(--tab-espace-2, 16px);
}

/* « De 2008. » est une réponse, pas une phrase ordinaire : elle se détache. */
.a-propos__annee {
  font-size: var(--tab-taille-titre, 1.5rem);
  font-weight: 700;
  color: var(--tab-accent, #3F6FA9);
  margin-block-end: var(--tab-espace-3, 32px);
}

.a-propos em { font-style: italic; }

.a-propos__retour {
  margin-block-start: var(--tab-espace-4, 64px);
  padding-block-start: var(--tab-espace-2, 16px);
  border-block-start: var(--tab-trait, 1px) solid var(--tab-bordure, #D9D9D4);
  font-size: var(--tab-taille-petite, 0.8125rem);
}


/* Drapeaux des langues (mission 15b). Emojis d'indicateurs régionaux, vérifiés
   dans Chromium sur ia-s — ils s'affichent bien en vrais drapeaux.
   La pile de polices est EXPLICITE : sans elle, un poste dépourvu de Noto
   Color Emoji rendrait un carré vide. Avec elle, le repli est la paire de
   lettres (« FR », « PT »), qui reste compréhensible. */
.drapeau {
  font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji",
               "Twemoji Mozilla", sans-serif;
  font-size: 1em;
  line-height: 1;
  margin-inline-end: var(--tab-espace-1, 8px);
  /* Le drapeau ne doit pas décaler la ligne de base du titre. */
  vertical-align: baseline;
}