.breadcrumbs {
  margin-bottom: var(--space-lg);
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--text-small);
  color: var(--color-text-muted);
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.breadcrumbs__item:not(:last-child)::after {
  content: '/';
  color: var(--color-border);
}

.breadcrumbs__item a {
  transition: color var(--transition-fast);
}

.breadcrumbs__item:last-child {
  color: var(--color-text-primary);
}

@media (hover: hover) {
  .breadcrumbs__item a:hover {
    color: var(--color-accent);
  }
}