/**
 * Westphal Solutions. Breadcrumbs (self-contained)
 *
 * Owns everything under the `wscrumbs` prefix. Matches the blog post treatment
 * in ws-blog.css on purpose: same rules, same rhythm, same link underline, so
 * a visitor reads it as one site component rather than two.
 *
 * Deliberately a copy rather than a shared class. Blog and tools ship on
 * different schedules and neither should be able to restyle the other.
 */

.wscrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0 0 36px;
	padding: 15px 0;
	font: 400 14px/1.4 var(--ws-font);
	color: var(--ws-muted);
	border-top: 1px solid var(--ws-border);
	border-bottom: 1px solid var(--ws-border);
}

/* Current page. Not a link, so it carries the weight instead. */
.wscrumbs b {
	color: var(--ws-heading);
	font-weight: 700;
}

.wscrumbs__sep {
	color: var(--ws-grey);
	user-select: none;
}

/* Links inherit the site underline. Nothing to restate here. */

/* Trail can outgrow a phone. Wrapping beats a scrollbar. */
@media (max-width: 600px) {
	.wscrumbs {
		gap: 7px;
		margin-bottom: 28px;
		font-size: 13px;
	}
}

/* Navigation is not part of a printed document. */
@media print {
	.wscrumbs { display: none !important; }
}