/* =============================================================
   .breadcrumbs — horizontal scroll
   ============================================================= */
.breadcrumbs {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: var(--space-sm);
  margin-bottom: var(--space-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  white-space: nowrap;
}
.breadcrumbs::-webkit-scrollbar { display: none; }

.breadcrumbs__link { color: var(--color-text-muted); }
.breadcrumbs__link:hover { color: var(--color-text); text-decoration: underline; }
.breadcrumbs__sep { color: var(--color-border); }
.breadcrumbs__current { color: var(--color-text); font-weight: 600; }