/* ==================================================
   BLOC — CONTENUS LIÉS
   Les cartes sont stylées par leurs blocs d'origine :
   ce fichier ne pose que la disposition.
================================================== */

/* Gouttières de 24 px et entête à 8 px, comme dans Figma. Le nombre de
   contenus liés dépend de ce que la requête ramène : `auto-fit` referme
   les colonnes vides et laisse les cartes occuper toute la largeur. */
.contenus_lies__head {
    margin-bottom: 24px;
}

.contenus_lies__head .v-eyebrow {
    margin-bottom: 8px;
}

.contenus_lies__liste--carte {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    gap: 24px;
}

.contenus_lies__liste--ligne {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media (max-width: 767px) {
    .contenus_lies__liste--carte { grid-template-columns: 1fr; }
}