/* ══════════════════════════════════════════════════════════════
   QUATRE V2 — INSIGHTS (hub éditorial, silo par expertise)
   Bandeau rouge compact (styles .of-* d'offres.css) + une section
   par expertise : titre + lien montant vers l'expertise + grille de
   4 cartes article (styles .art-rel-* d'article.css).
   ═════════════════════════════════════════════════════════════ */

.ins-body {
  gap: clamp(52px, 7.5vh, 104px);
}

.ins-group {
  width: min(1280px, 100%);
  margin-inline: auto;
}

/* 4 articles par expertise → 4 colonnes desktop, 2 tablette, 1 mobile */
.ins-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 1.6vw, 24px);
}

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

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