/* breadcrumb.css — навигация уровней. */

.ds-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 16px;
}

.ds-breadcrumb__item {
    color: var(--muted);
    text-decoration: none;
}
.ds-breadcrumb__item:hover { color: var(--ds-info); text-decoration: none; }

.ds-breadcrumb__item.is-current {
    color: var(--fg);
    pointer-events: none;
    font-weight: 500;
}

.ds-breadcrumb__sep {
    color: var(--muted);
    opacity: 0.6;
}