.breadcrumb {
	border-block-end-color: hsla(0, 0%, 0%, 10%);
	border-block-end-style: solid;
	border-block-end-width: 1px;
	padding-block-end: 0.5rem;
}

.breadcrumb > ol[data-scheme="row"] {
	--list-row-gap: 0.5rem;
	margin-block: 0;
}

.breadcrumb > ol > li {
	color: var(--color-surface-default);
}

.breadcrumb > ol  > li:not(:last-child)::after {
	content: "\002F";
	padding-inline-start: var(--list-row-gap);
}

.breadcrumb > ol  > li > a {
	color: var(--color-black-950);
	position: relative;
}

.breadcrumb > ol > li {
	z-index: 1;
}

.breadcrumb > ol  > li > a:hover {
	text-decoration: underline;
}