/* ==========================================================================
   PAGE — Fonctionnalités
   ========================================================================== */

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  margin-block-end: var(--s-4);
  border-radius: var(--r-md);
  background-color: var(--c-brand-050);
  color: var(--c-brand-700);
  transition: background-color var(--dur-base) var(--ease), color var(--dur-base) var(--ease);
}

.feature-icon svg { inline-size: 1.375rem; block-size: 1.375rem; }

.card--interactive:hover .feature-icon {
  background-color: var(--c-accent-100);
  color: var(--c-accent-600);
}

.fonctionnalites__mini-table { margin-block-start: var(--s-4); }

.fonctionnalites__badges { margin-block-start: var(--s-4); }