/* Shared visible breadcrumb treatment for detail and topic routes. */
.pd-breadcrumb,
.protein-service-page .breadcrumb,
.checkpoint-topic-breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	color: #5b6b78;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.55;
}

.pd-breadcrumb a,
.protein-service-page .breadcrumb a,
.checkpoint-topic-breadcrumbs a {
	color: #0d7878;
	font-weight: 600;
	text-decoration: none;
}

.pd-breadcrumb a:hover,
.protein-service-page .breadcrumb a:hover,
.checkpoint-topic-breadcrumbs a:hover {
	color: #092742;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.pd-breadcrumb [aria-current='page'],
.protein-service-page .breadcrumb [aria-current='page'],
.checkpoint-topic-breadcrumbs [aria-current='page'] {
	color: #243746;
	font-weight: 600;
}

.provetop-breadcrumb-separator {
	color: #9aa8b4;
	font-weight: 400;
	user-select: none;
}

.pd-hero {
	padding-top: 0;
}

.pd-breadcrumb {
	padding: 16px 0 24px;
}

.protein-service-page .breadcrumb,
.checkpoint-topic-breadcrumbs {
	padding: 20px 0;
}

@media (max-width: 760px) {
	.pd-breadcrumb,
	.protein-service-page .breadcrumb,
	.checkpoint-topic-breadcrumbs {
		gap: 6px 8px;
		font-size: 14px;
	}

	.pd-breadcrumb [aria-current='page'],
	.protein-service-page .breadcrumb [aria-current='page'],
	.checkpoint-topic-breadcrumbs [aria-current='page'] {
		overflow-wrap: anywhere;
	}
}