.breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.breadcrumb li { display: flex; align-items: center; gap: var(--space-2); }
.breadcrumb a { color: var(--text-muted); text-decoration: none; font: var(--text-body-sm); }
.breadcrumb a:hover { color: var(--text-primary); text-decoration: underline; }
.breadcrumb [aria-current="page"] { color: var(--text-primary); font: var(--text-body-sm); font-weight: 600; }
.breadcrumb__sep { color: var(--text-muted); }