/* Canonical breadcrumb (.breadcrumb). */

.breadcrumb {
  margin-bottom: var(--spacing-md);
  font-size: 0.875rem;
  color: var(--color-gray-900);
}

.breadcrumb__link {
  color: var(--color-primary-darker);
  text-decoration: none;
  font-weight: 500;
}

.breadcrumb__link:hover {
  text-decoration: underline;
  color: var(--color-primary-dark);
}

.breadcrumb__separator {
  margin: 0 var(--spacing-sm);
  color: var(--color-gray-500);
}

.breadcrumb__current {
  color: var(--color-gray-900);
  font-weight: 600;
}