/*
 * The story template's pieces from the plugin: the breadcrumb trail under the hero and the section anchors.
 * Theme tokens only; loaded on stories (VWH\Content\Story::styles).
 */

.vwh-breadcrumbs {
	padding-top: calc(var(--padding, 1rem) * 1.5);
	font-size: 14px;
	line-height: 1.5;
}

.vwh-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vwh-breadcrumbs li + li::before {
	content: "\203A";
	margin-right: 0.6rem;
	color: var(--color-darkgray, #8b8b8b);
}

#weho .vwh-breadcrumbs a {
	color: var(--color-default, #15181b);
	border-bottom: 0;
}

#weho .vwh-breadcrumbs a:hover,
#weho .vwh-breadcrumbs a:focus-visible {
	color: var(--color-red, #c70007);
}

.vwh-breadcrumbs [aria-current="page"] {
	color: var(--color-default, #15181b);
	opacity: 0.75;
}

/* A section reached from a shared link sits a little below the top of the screen. */
.general-content-wrap h2[id],
.general-content-wrap h3[id] {
	scroll-margin-top: calc(var(--padding, 1rem) * 2);
}