/* CSS Commun pour Centrer et Mobile */
@media (max-width: 768px) {
  body {
    text-align: center;
  }
  .container,
  article,
  .main-wrapper {
    margin: 0 10px !important;
    padding: 0 10px !important;
    max-width: 100% !important;
  }
  .top-nav {
    padding: 15px 20px;
    flex-direction: column;
    gap: 10px;
  }
  .nav-logo {
    font-size: 1rem;
  }
  h1 {
    font-size: 2rem !important;
  }
  .news-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .news-card {
    padding: 20px !important;
    min-height: 180px !important;
  }
  .title {
    font-size: 1.2rem !important;
  }
  .image-wrapper img {
    width: 100% !important;
    height: auto !important;
  }
}