/* ==================================================
   GRID SYSTEM — CMS ALSACE.CO
   ================================================== */

/* Grille principale page (contenu + sidebar) */
.layout{
  display:grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap:24px;
  align-items:start;
}

@media (max-width: 1024px){
  .layout{
    grid-template-columns: 1fr;
  }
}

/* =========================
   Grille articles
   ========================= */
.articles-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
}

@media (max-width: 1200px){
  .articles-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .articles-grid{
    grid-template-columns: 1fr;
  }
}

/* =========================
   Grille widgets sidebar
   ========================= */
.sidebar-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:16px;
}