.breadcrumbs {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-3) 0;
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-weight: 500;
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  flex-wrap: wrap;
}

.breadcrumbs__item { display: inline-flex; align-items: center; gap: var(--s-2); }

.breadcrumbs__link { color: var(--ink-3); transition: color var(--d-fast) var(--ease-std); }
.breadcrumbs__link:hover { color: var(--accent); }

.breadcrumbs__current { color: var(--ink-1); font-weight: 600; }

.breadcrumbs__sep {
  color: var(--ink-mute);
  font-size: 9px;
  letter-spacing: 0;
}
.breadcrumbs__sep::before { content: "/"; }