.breadcrumbs {
    padding: .5rem 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumbs__list li + li::before {
    content: '›';
    margin-right: .25rem;
    color: var(--color-border);
}

.breadcrumbs__list a {
    color: var(--color-text-muted);
}

.breadcrumbs__list a:hover { color: var(--color-primary); }

.breadcrumbs__list li:last-child {
    color: var(--color-text);
    font-weight: 500;
}