/* Workshop-Leiste über jedem Mockup: neutral, damit sie nicht zur Farbwelt zählt. */

.mockup-bar {
	background: #111;
	color: #eee;
	font-family: system-ui, sans-serif;
	font-size: 0.8125rem;
}

.mockup-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 2.25rem;
}

.mockup-bar__label strong {
	font-weight: 600;
	color: #fff;
}

.mockup-bar__nav {
	display: flex;
	gap: 1.25rem;
}

.mockup-bar__nav a {
	opacity: 0.7;
}

.mockup-bar__nav a:hover,
.mockup-bar__nav a[aria-current="page"] {
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}