/*
 * Minimal breadcrumb trail. Reuses existing typography/spacing tokens —
 * no new visual language.
 */
.mc-breadcrumbs {
	padding-top: var(--mc-space-4);
}

.mc-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mc-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--mc-font-size-small);
	color: var(--mc-text-muted);
}

.mc-breadcrumbs li:not(:last-child)::after {
	content: "/";
	margin-inline-start: var(--mc-space-2);
	color: var(--mc-border);
}

.mc-breadcrumbs a {
	color: var(--mc-text-muted);
}

.mc-breadcrumbs a:hover {
	color: var(--mc-primary);
}

.mc-breadcrumbs [aria-current="page"] {
	color: var(--mc-text);
}