/* ═══════════════════════════════════════════════════════════════
   accueil.css — page d'accueil (index.html).

   La page porte ses styles EN LIGNE, repris de la maquette : cette
   feuille ne fait que la raccorder au site. `site.css` fixe un
   interlignage de 1,6 sur <body> ; la maquette a été dessinée avec
   l'interlignage par défaut du navigateur, et chaque bloc qui en veut
   un autre le déclare. Sans ce retour à `normal`, tous les aperçus
   d'écran gonfleraient.
   ═══════════════════════════════════════════════════════════════ */
.acc-page {
  line-height: normal;
  color: #231F1F;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.acc-col {
  width: 100%;
  max-width: 1180px;
  padding: 0 clamp(20px, 4vw, 46px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
/* Le pied de page du site commence après l'appel final, pas contre lui. */
.acc site-footer { display: block; margin-top: 96px; }

/* Tuiles « Intégrations » : les logos des outils, en couleur officielle, sur
   une vignette blanche liserée. Deux marques dans une tuile se chevauchent
   comme des avatars. Provenance et chartes : logos/README.md. */
.acc-logos { display: flex; flex: none; }
.acc-logo {
  width: 40px; height: 40px; box-sizing: border-box;
  border-radius: 11px; background: #FFFFFF; border: 1px solid #E8E1CE;
  display: flex; align-items: center; justify-content: center;
}
.acc-logo + .acc-logo { margin-left: -10px; box-shadow: -2px 0 0 #FFFFFF; }
.acc-logo img { width: 22px; height: 22px; display: block; }
/* Le symbole OpenAI est livré AVEC sa marge de protection (la charte interdit
   de le rogner) : on agrandit le fichier, pas le symbole. */
.acc-logo--marge img { width: 40px; height: 40px; }