/* ============================================================
   rs1/badges — titre et liste de badges centrés
   Badges : .mp-chip, .mp-chip--lg (mp-tokens.css)
   ============================================================ */

.mp-badges{
  padding-block: var(--mp-section-sm);
  color: var(--mp-texte);
}
.mp-badges--blanc{ background: var(--mp-blanc) }
.mp-badges--brume{ background: var(--mp-bleu-brume) }

.mp-badges__entete{
  max-width: 46rem;
  margin: 0 auto 2rem;
  text-align: center;
}
.mp-badges__titre{
  margin: 0;
  font-size: var(--mp-t-h2-sm);
  font-weight: 800;
  line-height: var(--mp-lh-titre);
  letter-spacing: var(--mp-ls-titre);
  color: var(--mp-encre);
}
.mp-badges__intro{
  margin: .85rem 0 0;
  font-size: var(--mp-t-base);
  line-height: var(--mp-lh-texte);
}

.mp-badges__liste{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  max-width: 60rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}