/* --- Base responsivité additionnelle --- */

/* Images fluides */
img, video, svg {
  max-width: 100%;
  height: auto;
}

/* Conteneur centralisé */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Navigation mobile : passe en colonne sous 768px */
@media (max-width: 768px) {
  nav ul {
    flex-direction: column;
    gap: .5rem;
  }
}

/* Tableaux scrollables sur mobile */
.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Sections avec padding adaptable */
.section {
  padding: 3rem 1rem;
}
@media (max-width: 640px) {
  .section {
    padding: 2rem 1rem;
  }
}