/* Briciole di pane: link in grigio, pagina corrente in scuro, separatori «/». */
@layer components {
  .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
    font-size: var(--fs-small);

    & a { color: var(--text-muted); text-decoration: none; }
    & a:hover { color: var(--text-brand); text-decoration: underline; }
    & [aria-current] { color: var(--text-strong); font-weight: var(--fw-medium); }
  }
}