.breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  list-style: none;
  padding-bottom: var(--space-6);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}

.breadcrumbs__link {
  color: var(--color-text-muted);
  text-decoration: none;
}

.breadcrumbs__link:hover { text-decoration: underline; }

.breadcrumbs__sep { user-select: none; }

@media (max-width: 767px) {
  .breadcrumbs { display: none; }
}