/* ═══════════════════════════════════════════════════════════════════════════
   AIomatique, page À propos

   Le système porte la trame, la typographie et les composants. Cette feuille
   n'ajoute que ce qui n'appartient qu'à cette page : le repère de la
   chronologie, la colonne de gauche des fiches, et le rythme des deux
   encadrés d'équipe qui doivent finir à la même hauteur.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Chronologie ─────────────────────────────────────────────────────────
   Le repère est une donnée, pas un titre : il prend la monospace, comme
   tous les chiffres du site. */
.aio-seo .jalons li>span:first-child{
  font-family:'AzeretMono',ui-monospace,monospace;
  font-size:12.5px;
  font-weight:500;
  letter-spacing:.04em;
  color:var(--vert);
  text-transform:uppercase;
}

.aio-seo .jalons h3{
  font-size:16.5px;
  margin:0 0 6px;
}

.aio-seo .jalons p{
  font-size:15px;
  margin:0;
  max-width:72ch;
}

/* ── Fiches d'équipe ─────────────────────────────────────────────────────
   Les deux encadrés portent des textes de longueurs différentes ; sans
   cette règle, la liste du plus court flotte au milieu du cadre. */
.aio-seo #equipe .deux-col{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.aio-seo #equipe .encadre{
  display:flex;
  flex-direction:column;
}

.aio-seo #equipe .liste-c{
  margin-block-start:auto;
  padding-block-start:18px;
  border-block-start:1px solid var(--filet);
}

/* La colonne de gauche des fiches est une étiquette, pas une valeur. */
.aio-seo .liste-c li>span:first-child{
  font-family:'AzeretMono',ui-monospace,monospace;
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--texte-3);
  text-transform:uppercase;
}

/* ── Section des limites ─────────────────────────────────────────────────
   C'est le passage que le lecteur retient. Le filet vertical le distingue
   des sections voisines sans lui donner une couleur d'alerte : ce n'est pas
   un avertissement, c'est un engagement. */
.aio-seo #limites .deux-col>div:first-child{
  border-inline-start:2px solid var(--filet-fort);
  padding-inline-start:clamp(16px,2vw,24px);
}

.aio-seo #limites h3{
  font-size:16.5px;
}

@media (max-width:860px){
  .aio-seo #equipe .deux-col{grid-template-columns:1fr;}
  .aio-seo #limites .deux-col>div:first-child{
    border-inline-start:0;
    padding-inline-start:0;
  }
}