/*
 * composants-magazine.css : composants communs au magazine, à l'article, aux recettes et aux vidéos : étiquette de rubrique (le bloc de la lettre est dans lettre.css).
 * Chargée sur la page des articles, les rubriques, les articles, la page des recettes et celle des vidéos.
 * Mobile d'abord (390 px), puis paliers à 640, 960 et 1280 px. La couleur d'une rubrique vient d'une classe « soin-… » posée sur le bloc.
 */

/* ---------- Étiquette de rubrique : pastille de couleur et nom en petites capitales ---------- */
.rubrique-etiquette{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--soin-texte)}
.rubrique-etiquette__pastille{flex:none;width:9px;height:9px;border-radius:50%;background:var(--soin-lisere)}
@media (min-width:1280px){.rubrique-etiquette{font-size:11px}}