/* Section — Fil d'Ariane (V3) : bande blanche, padding 16/16/0 mobile, 24/64/0 desktop ; style Légende ; retour à la ligne autorisé.
   Liens brandt/carbon-muted (survol : carbone souligné), page courante brandt/carbon, séparateur « / » masqué des lecteurs d'écran. */
.breadcrumb { padding: var(--space-16) var(--gutter) 0; background: var(--brandt-white); }
.breadcrumb__list {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-8);
  font-size: var(--text-legend-size); line-height: var(--text-legend-lh); font-weight: var(--text-legend-weight);
  color: var(--brandt-carbon-muted);
}
.breadcrumb__item { display: inline-flex; align-items: center; gap: var(--space-8); }
.breadcrumb__item + .breadcrumb__item::before { content: "/" / ""; }
.breadcrumb__link { position: relative; border-radius: var(--radius-12); transition: color var(--transition); }
/* zone cliquable étendue à 44 px de haut sans changer la mise en page (texte Legend) */
.breadcrumb__link::after { content: ""; position: absolute; inset: calc((1lh - var(--size-target-44)) / 2) 0; }
.breadcrumb__link:hover { color: var(--brandt-carbon); text-decoration: underline; text-underline-offset: var(--space-4); }
.breadcrumb__link:focus-visible { box-shadow: var(--focus-ring); }
.breadcrumb [aria-current="page"] { color: var(--brandt-carbon); }
@media (min-width: 1024px) { .breadcrumb { padding-top: var(--space-24); } }