/* ============================================
   TRIKROMI — Page Identité visuelle
   Réutilise direction-artistique.css (template commun).
   Spécificité : listes en 2 colonnes, CENTRÉES dans la page.
   ============================================ */

/* Listes en 2 colonnes centrées (Figma : bloc d'items centré sous le titre) */
.da-list__items--2col {
  display: grid;
  grid-template-columns: auto auto;      /* chaque colonne s'ajuste à son contenu */
  justify-content: center;               /* le bloc des 2 colonnes est centré dans la page */
  column-gap: clamp(24px, 3vw, 60px);
  row-gap: clamp(2px, 0.3vw, 6px);
  max-width: none;
  margin: 0 auto;
}

/* Pas de ligne de séparation : seulement les pilules grises */
.da-list__items--2col li {
  border-bottom: none;
}

/* Responsive : 1 colonne sur mobile */
@media (max-width: 760px) {
  .da-list__items--2col {
    grid-template-columns: auto;
    justify-content: start;
  }
}