/* Grille d'article */
.custom-article-grid { display: flex; gap: 30px; flex-wrap: wrap; }
.article-card { width: 100%; flex-grow: 1; }
.article-card img { width: 100%; height: auto; display: block; }
.meta { display: flex; justify-content: space-between; font-size: 14px; margin-top: 8px; }
.meta .category { background-color: #f65c2b; color: white; border-radius: 999px; padding: 2px 10px; font-size: 13px; }
h3.title { margin-top: 10px; font-size: 18px; line-height: 1.4  ; }
.title a {color: #01234F; font-weight: 400; font-size: 18px;}
/* Exemple pour "sur l’image" */
.article-card .category {
    position: absolute;
    background: #f00;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    z-index: 2;
}

.article-card.category-pos-over .category {
    top: 10px;
    left: 10px;
}

.article-card.category-pos-left .category {
    position: relative;
    float: left;
    margin-right: 10px;
}

.article-card.category-pos-right .category {
    position: relative;
    float: right;
    margin-left: 10px;
}

.article-card.category-pos-under .category {
    display: block;
    margin-top: 10px;
    position: relative;
}