/**
 * Hero Rank Math breadcrumbs — match former Bricks breadcrumb look
 * (uppercase, tracked, small) on blue gradient heroes and light alt hubs.
 */

.ms-hero-section-blue .rank-math-breadcrumb,
.ms-hero-section-blue .rank-math-breadcrumb p,
.ms-section-alt .rank-math-breadcrumb,
.ms-section-alt .rank-math-breadcrumb p {
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.45rem;
	row-gap: 0.25rem;
	font-family: Raleway, sans-serif;
	font-size: var(--mstext-2xs);
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.4;
}

/* Blue gradient heroes — soft white */
.ms-hero-section-blue .rank-math-breadcrumb,
.ms-hero-section-blue .rank-math-breadcrumb p {
	color: rgba(255, 255, 255, 0.92);
}

.ms-hero-section-blue .rank-math-breadcrumb a {
	color: rgba(255, 255, 255, 0.78);
	font-weight: 500;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.ms-hero-section-blue .rank-math-breadcrumb a:hover,
.ms-hero-section-blue .rank-math-breadcrumb a:focus-visible {
	color: #ffffff;
}

.ms-hero-section-blue .rank-math-breadcrumb .separator {
	color: rgba(255, 255, 255, 0.45);
	/* Rank Math often outputs " / " — trim visual weight to match Bricks gap */
	padding: 0;
}

.ms-hero-section-blue .rank-math-breadcrumb .last {
	color: rgba(255, 255, 255, 0.92);
}

/* Light / alt section hubs — brand blue */
.ms-section-alt .rank-math-breadcrumb,
.ms-section-alt .rank-math-breadcrumb p {
	color: var(--ms-blue, #030a8c);
}

.ms-section-alt .rank-math-breadcrumb a {
	color: rgba(3, 10, 140, 0.72);
	font-weight: 500;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.ms-section-alt .rank-math-breadcrumb a:hover,
.ms-section-alt .rank-math-breadcrumb a:focus-visible {
	color: var(--ms-blue, #030a8c);
}

.ms-section-alt .rank-math-breadcrumb .separator {
	color: rgba(3, 10, 140, 0.35);
	padding: 0;
}

.ms-section-alt .rank-math-breadcrumb .last {
	color: var(--ms-blue, #030a8c);
}