/* Ui::BreadcrumbComponent — trilha de ancestrais (links) + página atual.
   Quadradinho da marca + segmentos mono uppercase. Complementa o botão "voltar":
   o botão vai ao pai; a trilha pula a qualquer ancestral. */
.c-ui-breadcrumb{
  font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase;
  color: var(--ink-3); display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.c-ui-breadcrumb::before{ content: ""; width: 8px; height: 8px; background: var(--brand); flex: 0 0 auto; }
.c-ui-breadcrumb__crumb{ color: var(--ink-2); transition: color var(--t1) var(--ease); }
.c-ui-breadcrumb__crumb:hover{ color: var(--brand); }
.c-ui-breadcrumb__sep{ color: var(--line-2); }
.c-ui-breadcrumb__current{ color: var(--ink-3); }