.bc {--bc-link: var(--color-primary, #3b82f6);--bc-text: var(--color-text-secondary, #475569);--bc-sep: var(--color-text-muted, #64748b);margin: 0 0 12px;font-size: 13px;line-height: 1.5;min-width: 0}
.bc--on-dark {--bc-link: #fff;--bc-text: rgba(255, 255, 255, 0.82);--bc-sep: rgba(255, 255, 255, 0.6)}
.bc-list {display: flex;align-items: center;flex-wrap: nowrap;gap: 6px;min-height: 44px;margin: -10px 0;padding: 0;list-style: none;white-space: nowrap;overflow-x: auto;scrollbar-width: none}
.bc-list::-webkit-scrollbar {display: none}
.bc-item {display: inline-flex;flex: 0 0 auto;align-items: center;gap: 6px;min-height: 44px;color: var(--bc-text)}
.bc-item--current {flex: 0 1 auto;min-width: 0}
.bc-item--current .bc-text {min-width: 0;overflow: hidden;text-overflow: ellipsis}
.bc-sep {flex-shrink: 0;color: var(--bc-sep)}
.bc .bc-link,
.bc .bc-back {align-items: center;min-height: 44px;color: var(--bc-link);font-weight: 600;text-decoration: none}
.bc .bc-link {display: inline-flex}
.bc .bc-list a:focus-visible,
.bc .bc-back:focus-visible {outline: 2px solid currentColor;outline-offset: -2px;border-radius: 4px}
.bc .bc-link:hover,
.bc .bc-back:hover {text-decoration: underline}
.bc .bc-back {display: none;gap: 4px;margin: -10px 0}
@media (max-width: 768px) {.bc--mobile-back .bc-list {display: none}
.bc--mobile-back .bc-back {display: inline-flex}
.bc--mobile-hidden {display: none}}