.bikefvg-route-relations {
	border-block: 1px solid var(--wp--preset--color--surface-alt, #cfc8be);
	background: var(--wp--preset--color--paper, #f6f1ea);
}

.bikefvg-route-relations .bikefvg-wrap {
	padding-block: clamp(1.5rem, 3vw, 2.5rem);
}

.bikefvg-route-relations h2 {
	margin-bottom: 1rem;
}

.bikefvg-route-relations__context {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .4rem .55rem;
	margin: 0;
	font-size: 1rem;
}

.bikefvg-route-relations__context a,
.bikefvg-route-relations__list a {
	font-weight: 600;
}

.bikefvg-route-relations__stage-nav {
	justify-content: space-between;
	margin-top: .5rem;
}

.bikefvg-route-relations__label {
	display: inline-flex;
	align-items: center;
	min-height: 1.8rem;
	padding-inline: .6rem;
	border-radius: var(--wp--custom--radius--control, .4rem);
	background: var(--wp--preset--color--panel, #e8e1d7);
	font-family: "JetBrains Mono", monospace;
	font-size: .78rem;
	font-weight: 600;
}

.bikefvg-route-relations__group {
	margin-top: 1.5rem;
}

.bikefvg-route-relations__group h3 {
	margin-bottom: .65rem;
	font-size: 1rem;
}

.bikefvg-route-relations__list {
	display: grid;
	gap: .45rem;
	margin: 0;
	padding-left: 1.25rem;
}

.bikefvg-route-relations__list li {
	padding-left: .2rem;
}

.bikefvg-route-relations__list li > span {
	margin-left: .55rem;
	font-family: "JetBrains Mono", monospace;
	font-size: .78rem;
	color: var(--wp--preset--color--ink-muted, #5f7265);
}