/* EOL'LIEN — correctif d'affichage mobile.
   Le bundle Claude Design pose des grilles `grid-template-columns: repeat(3,1fr)`
   dont les cartes ne rétrécissent pas sous leur largeur mini → elles débordent
   (jusqu'à ~680px) et le téléphone dézoome tout le site. On force une seule
   colonne sous 860px et on coupe tout débordement horizontal résiduel. */
@media (max-width: 859px) {
  html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  /* grilles multi-colonnes du bundle → empilées sur une colonne */
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  /* médias jamais plus larges que l'écran */
  img, video {
    max-width: 100% !important;
    height: auto !important;
  }
  iframe {
    max-width: 100% !important;
  }
}