/* Fil d'Ariane (composant Breadcrumb) : discret, au-dessus du libellé de la page. */

.breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-2);
    font: var(--type-body-sm);
    color: var(--text-secondary);
}

.breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}

.breadcrumb li + li::before {
    content: "/";
    color: var(--steel-400);
}

.breadcrumb a {
    color: var(--text-secondary);
}

.breadcrumb a:hover {
    color: var(--text-link-hover);
}

.breadcrumb [aria-current="page"] {
    color: var(--text-primary);
}