.breadcrumb {
	margin-bottom: var(--space-6);
}

.breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	font-family: var(--font-mono);
	font-size: var(--fs-eyebrow);
	color: var(--color-ink-faint);
}

.breadcrumb li:not(:last-child)::after {
	content: '/';
	margin-inline-start: var(--space-2);
}

.breadcrumb a {
	color: var(--color-ink-soft);
}

.breadcrumb a:hover,
.breadcrumb a:focus-visible {
	color: var(--color-accent);
}