:root {
	--sbrd-header-reveal: 1;
	--sbrd-header-h: 64px;
	--sbrd-admin-bar-top: 0px;
	--sbrd-header-z: 130;
	--sbrd-header-height: 40px;
	--sbrd-header-height-mobile: 44px;
	--sbrd-header-inner-min-h: var(--sbrd-header-height);
	--sbrd-header-pad-y: 6px;
	--sbrd-header-bg: var(--bg);
	--sbrd-header-surface: var(--bg-card);
	--sbrd-header-border: var(--border);
	--sbrd-header-border-strong: color-mix(in srgb, var(--accent) 38%, var(--border));
	--sbrd-header-text: var(--text);
	--sbrd-header-muted: var(--text-sec);
	--sbrd-header-row-gap: clamp(12px, 1.55vw, 22px);
	--sbrd-header-ctrl: 30px;
	--sbrd-header-ctrl-sm: 32px;
	--sbrd-header-toolbar-gap: 8px;
	--sbrd-header-icon-border: color-mix(in srgb, var(--border) 70%, transparent);
	--sbrd-header-icon-bg-mix: 46%;
	--sbrd-header-glass-border: color-mix(in srgb, var(--accent) 14%, var(--border));
	--sbrd-header-masthead-fill: 56%;
	--sbrd-header-masthead-blur: 22px;
	--sbrd-header-masthead-sat: 1.18;
	--sbrd-header-nav-capsule-fill: 58%;
	--sbrd-header-leading-fill: 40%;
	--sbrd-header-stats-fill: 52%;
	--sbrd-header-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--sbrd-header-ease-spring: cubic-bezier(0.34, 1.25, 0.64, 1);
}

html.sbrd-header-compact {
	--sbrd-header-masthead-fill: 78%;
	--sbrd-header-masthead-blur: 28px;
	--sbrd-header-masthead-sat: 1.22;
	--sbrd-header-nav-capsule-fill: 74%;
	--sbrd-header-leading-fill: 52%;
	--sbrd-header-stats-fill: 68%;
}

#sticky-placeholder {
	display: none !important;
	height: 0 !important;
}

.sbrd-header-spacer {
	width: 100%;
	pointer-events: none;
	flex-shrink: 0;
	transition: none;
	height: var(--sbrd-header-h, 64px) !important;
}

.navigation-stick,
.main-navigation.navigation-stick,
.nav-float-right .navigation-stick {
	position: static !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	box-shadow: none !important;
}

#masthead,
.site-header {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	top: var(--sbrd-admin-bar-top, 0px) !important;
	z-index: var(--sbrd-header-z, 130) !important;
	isolation: isolate;
	will-change: transform;
	transform: translate3d( 0, calc( ( 1 - var(--sbrd-header-reveal, 1) ) * ( -100% - 1px ) ), 0 );
	border: 0 !important;
	border-bottom: 1px solid color-mix(in srgb, var(--sbrd-header-glass-border) 28%, transparent) !important;
	background-color: color-mix(
		in srgb,
		var(--sbrd-header-surface) var(--sbrd-header-masthead-fill, 56%),
		transparent
	) !important;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.038'/%3E%3C/svg%3E"),
		radial-gradient( 120% 90% at 50% -20%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 52% ),
		linear-gradient( 180deg, color-mix(in srgb, var(--sbrd-mix-paper) 4%, transparent) 0%, transparent 38% ) !important;
	backdrop-filter: blur(var(--sbrd-header-masthead-blur, 22px)) saturate(var(--sbrd-header-masthead-sat, 1.18)) !important;
	-webkit-backdrop-filter: blur(var(--sbrd-header-masthead-blur, 22px)) saturate(var(--sbrd-header-masthead-sat, 1.18)) !important;
	box-shadow:
		0 1px 0 color-mix(in srgb, var(--accent) 5%, transparent),
		0 24px 56px -28px color-mix(in srgb, var(--sbrd-header-bg) 94%, transparent),
		inset 0 0 0 1px color-mix(in srgb, var(--sbrd-mix-paper) 3.5%, transparent) !important;
}

.sbrd-header-compact #masthead,
.sbrd-header-compact .site-header {
	border-bottom: 1px solid color-mix(in srgb, var(--sbrd-header-glass-border) 30%, transparent) !important;
	box-shadow:
		0 1px 0 color-mix(in srgb, var(--accent) 5%, transparent),
		0 20px 48px -24px color-mix(in srgb, var(--sbrd-header-bg) 96%, transparent),
		0 0 0 1px color-mix(in srgb, var(--accent) 4%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 4%, transparent) !important;
}

#masthead::before,
.site-header::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 2px;
	z-index: 3;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		transparent 0%,
		color-mix(in srgb, var(--accent) 55%, transparent) 22%,
		color-mix(in srgb, var(--focus) 35%, transparent) 50%,
		color-mix(in srgb, var(--accent) 50%, transparent) 78%,
		transparent 100%
	);
	opacity: 0.85;
	box-shadow: 0 0 24px color-mix(in srgb, var(--accent) 22%, transparent);
}

html.sbrd-header-compact #masthead::before,
html.sbrd-header-compact .site-header::before {
	opacity: 0.38;
	box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 12%, transparent);
}

#masthead .inside-header,
.site-header .inside-header {
	min-height: var(--sbrd-header-inner-min-h, var(--sbrd-header-height));
	padding-top: var(--sbrd-header-pad-y, 12px) !important;
	padding-bottom: var(--sbrd-header-pad-y, 12px) !important;
	padding-left: max(env(safe-area-inset-left, 0px), var(--sbrd-page-gutter-x)) !important;
	padding-right: max(env(safe-area-inset-right, 0px), var(--sbrd-page-gutter-x)) !important;
	display: flex;
	align-items: center;
	gap: var(--sbrd-header-row-gap, 18px);
}

.sbrd-header-compact #masthead .inside-header,
.sbrd-header-compact .site-header .inside-header {
	min-height: 48px;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

#masthead .inside-header.grid-container,
.site-header .inside-header.grid-container {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

#masthead,
#masthead *,
#masthead .inside-header,
.site-header,
.site-header * {
	-webkit-tap-highlight-color: transparent !important;
}

#masthead .site-branding,
.site-header .site-branding {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

#masthead .site-branding .site-title,
#masthead .site-branding .main-title,
#masthead .site-title,
#masthead .main-title {
	margin: 0 !important;
	line-height: 1 !important;
}

#masthead .site-branding .site-title a,
#masthead .site-branding .main-title a,
#masthead .site-title a,
#masthead .main-title a {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 30px !important;
	background: linear-gradient(
		92deg,
		var(--accent) 0%,
		color-mix(in srgb, var(--accent) 72%, var(--sbrd-mix-paper)) 45%,
		color-mix(in srgb, var(--accent) 52%, var(--text)) 100%
	) !important;
	background-size: 160% 100% !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	font-weight: 700 !important;
	font-size: clamp(16px, 1.35vw, 21px) !important;
	letter-spacing: 0.03em !important;
	text-decoration: none !important;
	filter: drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 28%, transparent)) !important;
	transition: filter 0.28s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

@media (prefers-reduced-motion: no-preference) {
	#masthead .site-branding .site-title a,
	#masthead .site-branding .main-title a,
	#masthead .site-title a,
	#masthead .main-title a {
		animation: sbrd-site-header-brand-shift 10s ease-in-out infinite;
	}
}

@keyframes sbrd-site-header-brand-shift {
	0%,
	100% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
}

#masthead .site-title a:hover,
#masthead .main-title a:hover,
#masthead .site-title a:focus-visible,
#masthead .main-title a:focus-visible {
	filter: drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 38%, transparent)) !important;
	transform: translateY(-1px);
}

#masthead .sbrd-wordmark {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	gap: 0;
	padding-inline: 2px;
	line-height: 1;
	letter-spacing: 0.028em;
}

#masthead .sbrd-wordmark::after {
	content: "";
	position: absolute;
	left: 2px;
	right: 2px;
	bottom: -5px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		color-mix(in srgb, var(--accent) 70%, transparent) 35%,
		color-mix(in srgb, var(--focus) 45%, transparent) 50%,
		color-mix(in srgb, var(--accent) 65%, transparent) 65%,
		transparent
	);
	opacity: 0.55;
	transform: scaleX(0.42);
	transform-origin: left center;
	box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 35%, transparent);
	transition: opacity 0.32s var(--sbrd-header-ease-out), transform 0.45s var(--sbrd-header-ease-spring);
}

#masthead .site-title a:hover .sbrd-wordmark::after,
#masthead .main-title a:hover .sbrd-wordmark::after,
#masthead .site-title a:focus-visible .sbrd-wordmark::after,
#masthead .main-title a:focus-visible .sbrd-wordmark::after {
	opacity: 0.95;
	transform: scaleX(1);
}

#masthead .sbrd-wordmark__brand {
	font-weight: 800;
	background: linear-gradient(
		92deg,
		var(--accent) 0%,
		color-mix(in srgb, var(--accent) 72%, var(--sbrd-mix-paper)) 45%,
		color-mix(in srgb, var(--accent) 52%, var(--text)) 100%
	) !important;
	background-size: 160% 100% !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
}

#masthead .sbrd-wordmark__suffix {
	color: color-mix(in srgb, var(--sbrd-header-text) 82%, var(--sbrd-header-muted)) !important;
	-webkit-text-fill-color: currentColor !important;
	font-weight: 650;
}

.sbrd-header-leading {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	gap: clamp(10px, 1.35vw, 18px);
	min-width: 0;
}

.sbrd-header-toolbar {
	display: inline-flex;
	align-items: center;
	gap: var(--sbrd-header-toolbar-gap, 8px);
	margin-left: auto;
	margin-right: auto;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.sbrd-header-leading .sbrd-header-toolbar {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 767.98px) {
	.sbrd-header-leading .sbrd-header-toolbar {
		margin-left: auto;
		margin-right: 0;
	}
}

.sbrd-header-toolbar .sbrd-tool-lab-nav,
.sbrd-header-toolbar .sbrd-game-lab-nav {
	display: inline-flex;
	align-items: center;
	align-self: center;
	gap: 6px;
	margin-left: 8px;
	padding-left: 10px;
	border-left: 1px solid color-mix(in srgb, var(--sbrd-header-border) 82%, transparent);
	flex-shrink: 0;
	background: transparent;
}

@media (max-width: 767.98px) {
	.sbrd-header-toolbar .sbrd-tool-lab-nav,
	.sbrd-header-toolbar .sbrd-game-lab-nav {
		display: none !important;
	}
}

.sbrd-header-icon-btn.is-disabled {
	opacity: 0.38;
	pointer-events: none;
	cursor: default;
	color: var(--text-muted);
}

.sbrd-header-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--sbrd-header-ctrl, 36px);
	height: var(--sbrd-header-ctrl, 36px);
	min-width: var(--sbrd-header-ctrl, 36px);
	min-height: var(--sbrd-header-ctrl, 36px);
	padding: 0;
	border-radius: 9px;
	border: 1px solid transparent;
	background:
		linear-gradient( 165deg, color-mix(in srgb, var(--sbrd-mix-paper) 7%, transparent), transparent 48% ),
		color-mix(in srgb, var(--sbrd-header-surface) var(--sbrd-header-icon-bg-mix), transparent);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--sbrd-header-icon-border) 95%, transparent),
		0 4px 14px -6px color-mix(in srgb, var(--sbrd-header-bg) 75%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 6%, transparent);
	color: color-mix(in srgb, var(--sbrd-header-muted) 82%, var(--sbrd-header-text));
	text-decoration: none;
	cursor: pointer;
	transition:
		color 0.26s var(--sbrd-header-ease-out),
		background 0.26s var(--sbrd-header-ease-out),
		box-shadow 0.36s var(--sbrd-header-ease-out),
		transform 0.32s var(--sbrd-header-ease-spring);
}

.sbrd-header-icon-btn svg {
	width: 15px;
	height: 15px;
	transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

.sbrd-header-icon-btn:hover,
.sbrd-header-icon-btn:focus-visible {
	color: color-mix(in srgb, var(--accent) 90%, #f8fcff);
	border-color: transparent;
	background:
		linear-gradient( 160deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--sbrd-header-surface) 55%, transparent) ),
		color-mix(in srgb, var(--accent) 12%, var(--sbrd-header-surface));
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent),
		0 8px 22px -4px color-mix(in srgb, var(--accent) 18%, transparent),
		0 12px 28px -8px color-mix(in srgb, var(--sbrd-header-bg) 70%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 8%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
	.sbrd-header-icon-btn:hover,
	.sbrd-header-icon-btn:focus-visible {
		transform: translateY(-2px);
	}

	.sbrd-header-icon-btn:hover svg,
	.sbrd-header-icon-btn:focus-visible svg {
		transform: scale(1.06);
	}

	.sbrd-header-icon-btn:active {
		transform: translateY(0) scale(0.97);
	}
}

.sbrd-header-stats {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0;
	box-sizing: border-box;
	min-height: var(--sbrd-header-ctrl, 30px);
	padding: 5px 14px;
	border-radius: 11px;
	border: 1px solid transparent;
	background:
		linear-gradient( 165deg, color-mix(in srgb, var(--sbrd-mix-paper) 8%, transparent), transparent 55% ),
		color-mix(in srgb, var(--sbrd-header-surface) var(--sbrd-header-stats-fill, 52%), transparent);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--sbrd-header-glass-border) 75%, transparent),
		0 6px 20px -8px color-mix(in srgb, var(--sbrd-header-bg) 78%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 7%, transparent);
	color: var(--text-muted);
	transition:
		box-shadow 0.36s var(--sbrd-header-ease-out),
		background 0.32s var(--sbrd-header-ease-out),
		transform 0.32s var(--sbrd-header-ease-spring);
}

.sbrd-header-stats__item {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: left;
	min-width: 0;
	gap: 6px;
}

.sbrd-header-stats__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: clamp(8.5px, 0.72vw, 10px);
	line-height: 1;
	letter-spacing: 0.06em;
	font-weight: 600;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--text-muted) 92%, var(--sbrd-header-text));
	white-space: nowrap;
}

.sbrd-header-stats__sep {
	width: 1px;
	margin: 0 11px;
	align-self: stretch;
	min-height: 1em;
	background: linear-gradient(
		180deg,
		transparent 0%,
		color-mix(in srgb, var(--sbrd-mix-paper) 12%, transparent) 30%,
		color-mix(in srgb, var(--accent) 24%, transparent) 50%,
		color-mix(in srgb, var(--sbrd-mix-paper) 10%, transparent) 70%,
		transparent 100%
	);
}

.sbrd-header-stats__live-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--accent);
	box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
	.sbrd-header-stats__live-dot {
		animation: sbrd-site-header-live-pulse 2.6s ease-in-out infinite;
	}

	.sbrd-header-stats:hover {
		transform: translateY(-1px);
	}
}

@keyframes sbrd-site-header-live-pulse {
	0%,
	100% {
		opacity: 1;
		box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);
	}
	50% {
		opacity: 0.55;
		box-shadow: 0 0 4px color-mix(in srgb, var(--accent) 28%, transparent);
	}
}

.sbrd-header-stats__value {
	font-weight: 700;
	font-size: clamp(11px, 0.9vw, 13px);
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--accent);
	letter-spacing: -0.03em;
	text-shadow: 0 0 20px color-mix(in srgb, var(--accent) 22%, transparent);
}

.sbrd-header-stats:hover {
	border-color: transparent;
	background:
		linear-gradient( 165deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 58% ),
		color-mix(in srgb, var(--sbrd-header-surface) 58%, transparent);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent),
		0 10px 28px -6px color-mix(in srgb, var(--accent) 14%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 8%, transparent);
}

.sbrd-header-stats__value--flash {
	animation: sbrd-site-header-stat-flash 0.34s cubic-bezier(0.34, 1.15, 0.64, 1) both;
}

.sbrd-header-stats__value--flash-soft {
	animation: sbrd-site-header-stat-soft 0.2s ease-out;
}

@keyframes sbrd-site-header-stat-flash {
	0% {
		filter: brightness(1);
		transform: scale(1);
	}
	40% {
		filter: brightness(1.26);
		transform: scale(1.05);
	}
	100% {
		filter: brightness(1);
		transform: scale(1);
	}
}

@keyframes sbrd-site-header-stat-soft {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.82;
	}
}

.sbrd-header-toolbar .sbrd-header-stats--mobile {
	display: none;
}

.nav-float-right .inside-header {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: var(--sbrd-header-row-gap, 14px);
	min-height: var(--sbrd-header-inner-min-h, 40px);
}

.nav-float-right .sbrd-header-leading {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	min-width: 0;
	flex: 0 0 auto;
}

.nav-float-right #site-navigation {
	margin: 0 !important;
	min-width: 0;
	flex: 1 1 auto;
	padding: 0;
	border-radius: 12px;
	border: 1px solid color-mix(in srgb, var(--sbrd-header-glass-border) 80%, transparent) !important;
	background:
		linear-gradient( 180deg, color-mix(in srgb, var(--sbrd-mix-paper) 6%, transparent) 0%, transparent 42% ),
		color-mix(in srgb, var(--sbrd-header-bg) var(--sbrd-header-nav-capsule-fill, 58%), transparent) !important;
	backdrop-filter: blur(14px) saturate(1.18);
	-webkit-backdrop-filter: blur(14px) saturate(1.18);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--accent) 6%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 6%, transparent),
		0 14px 40px -18px color-mix(in srgb, var(--sbrd-header-bg) 88%, transparent) !important;
}

#masthead .main-navigation .inside-navigation,
.site-header .main-navigation .inside-navigation {
	flex-wrap: nowrap !important;
}

.nav-float-right #site-navigation .inside-navigation {
	justify-content: center !important;
	align-items: center !important;
	padding: 6px 14px !important;
}

.nav-float-right .sbrd-header-stats {
	margin-left: 0;
	flex: 0 0 auto;
}

@media (min-width: 992px) {
	.nav-float-right .inside-header {
		--sbrd-header-ctrl: 30px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
		grid-template-areas: "sbrdLead sbrdNav sbrdStats";
		column-gap: clamp(18px, 2vw, 32px);
		align-items: center;
	}

	.nav-float-right .sbrd-header-leading {
		grid-area: sbrdLead;
		justify-self: start;
		padding: 7px 16px 7px 12px;
		border-radius: 12px;
		border: 1px solid transparent;
		background:
			linear-gradient( 165deg, color-mix(in srgb, var(--sbrd-mix-paper) 7%, transparent), transparent 50% ),
			color-mix(in srgb, var(--sbrd-header-surface) var(--sbrd-header-leading-fill, 40%), transparent);
		box-shadow:
			0 0 0 1px color-mix(in srgb, var(--sbrd-header-glass-border) 70%, transparent),
			inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 5%, transparent),
			0 8px 26px -12px color-mix(in srgb, var(--sbrd-header-bg) 82%, transparent);
		transition: background 0.36s var(--sbrd-header-ease-out), box-shadow 0.4s var(--sbrd-header-ease-out);
	}

	.nav-float-right .sbrd-header-leading:hover,
	.nav-float-right .sbrd-header-leading:focus-within {
		background:
			linear-gradient( 165deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 52% ),
			color-mix(in srgb, var(--sbrd-header-surface) 52%, transparent);
		box-shadow:
			0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent),
			0 10px 30px -10px color-mix(in srgb, var(--accent) 12%, transparent),
			inset 0 1px 0 color-mix(in srgb, var(--sbrd-mix-paper) 6%, transparent);
	}

	.nav-float-right #site-navigation {
		grid-area: sbrdNav;
		justify-self: center;
		width: auto;
		max-width: min(100%, min(1280px, calc(100vw - 160px)));
		min-width: 0;
	}

	.nav-float-right #sbrd-header-stats {
		grid-area: sbrdStats;
		justify-self: end;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#masthead .main-nav > ul > li > a {
		padding: 5px 9px !important;
		font-size: clamp(10.75px, 0.82vw, 12.25px) !important;
	}
}

#masthead .main-navigation .main-nav > ul > li.menu-item-has-children {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

#masthead .menu-item-has-children .dropdown-menu-toggle {
	height: auto !important;
	min-height: 0 !important;
	align-self: center;
	line-height: 1 !important;
	padding: 5px 8px 5px 4px !important;
}

.main-navigation,
.main-navigation .main-nav,
.main-navigation ul {
	background: transparent !important;
	border: none !important;
}

#masthead .main-navigation .main-nav > ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
	line-height: 1;
}

@media (min-width: 992px) {
	#masthead .main-navigation .main-nav > ul > li {
		flex-shrink: 0;
	}

	#masthead .main-nav > ul > li > a {
		white-space: nowrap;
		word-break: normal;
		overflow-wrap: normal;
	}
}

#masthead .main-nav > ul > li > a {
	padding: 6px 12px !important;
	border-radius: 8px;
	font-size: clamp(11.5px, 0.88vw, 13.5px) !important;
	line-height: 1.25 !important;
	font-weight: 650;
	letter-spacing: 0.028em;
	color: color-mix(in srgb, var(--sbrd-header-text) 92%, var(--sbrd-header-muted)) !important;
	transition:
		color 0.26s var(--sbrd-header-ease-out),
		background-color 0.26s var(--sbrd-header-ease-out),
		box-shadow 0.34s var(--sbrd-header-ease-out),
		transform 0.32s var(--sbrd-header-ease-spring);
}

#masthead .main-nav > ul > li > a:hover,
#masthead .main-nav > ul > li > a:focus-visible {
	color: color-mix(in srgb, var(--accent) 90%, #f8fcff) !important;
	background: color-mix(in srgb, var(--accent) 14%, transparent) !important;
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent),
		0 4px 18px -6px color-mix(in srgb, var(--accent) 12%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
	#masthead .main-nav > ul > li > a:hover,
	#masthead .main-nav > ul > li > a:focus-visible {
		transform: translateY(-1px);
	}
}

#masthead .main-navigation .main-nav > ul > li.current-menu-item > a,
#masthead .main-navigation .main-nav > ul > li.current-menu-ancestor > a {
	color: color-mix(in srgb, var(--accent) 94%, #fafcff) !important;
	background: linear-gradient(
		165deg,
		color-mix(in srgb, var(--accent) 22%, transparent),
		color-mix(in srgb, var(--accent) 8%, transparent)
	) !important;
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent),
		0 0 20px -4px color-mix(in srgb, var(--accent) 18%, transparent);
}

#masthead .main-navigation .main-nav > ul > li.current-menu-item > a::after,
#masthead .main-navigation .main-nav > ul > li.current-menu-ancestor > a::after {
	content: none !important;
}

#masthead .main-navigation .main-nav ul ul {
	border: 1px solid var(--sbrd-header-border) !important;
	background: color-mix(in srgb, var(--sbrd-header-surface) 94%, transparent) !important;
	backdrop-filter: blur(14px) saturate(1.12) !important;
	-webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
	border-radius: 12px !important;
	padding: 5px;
	box-shadow: 0 18px 40px -20px color-mix(in srgb, var(--sbrd-header-bg) 88%, transparent) !important;
}

#masthead .main-navigation .main-nav ul ul a {
	border-radius: 8px;
	padding: 10px 14px !important;
	font-size: 13px !important;
}

#masthead .main-nav > ul > li > a:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 2px var(--accent-s), 0 0 0 4px color-mix(in srgb, var(--bg-card) 72%, transparent) !important;
}

#masthead .search-form,
#masthead .navigation-search,
.site-header .search-form,
.site-header .navigation-search,
.sbrd-header-toolbar .search-form {
	display: flex !important;
	gap: 0 !important;
}

#masthead .search-field,
#masthead input[type="search"],
#masthead .navigation-search .search-field,
.site-header .search-field,
.sbrd-header-toolbar .search-field {
	flex: 1 !important;
	background: var(--bg-input) !important;
	color: var(--text) !important;
	border: 1px solid var(--border) !important;
	border-radius: var(--r-sm, 8px) 0 0 var(--r-sm, 8px) !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	outline: none !important;
}

@media (max-width: 992px) {
	#masthead .inside-header,
	.site-header .inside-header {
		min-height: var(--sbrd-header-height-mobile);
		padding: var(--sbrd-header-pad-y, 8px) 12px !important;
	}

	.nav-float-right .inside-header {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow: visible;
	}

	.nav-float-right .sbrd-header-leading {
		flex: 1 1 auto;
		max-width: 100%;
	}

	.nav-float-right #site-navigation {
		padding: 0;
		border: 0;
		background: transparent !important;
		box-shadow: none !important;
		min-width: 0;
	}

	#masthead .mobile-menu-control-wrapper,
	.site-header .mobile-menu-control-wrapper {
		display: none !important;
	}

	#masthead #site-navigation.main-navigation:not(.toggled):not(.has-active-search),
	.site-header #site-navigation.main-navigation:not(.toggled):not(.has-active-search) {
		display: none !important;
	}

	#masthead #site-navigation.main-navigation.toggled,
	.site-header #site-navigation.main-navigation.toggled,
	#masthead #site-navigation.main-navigation.has-active-search,
	.site-header #site-navigation.main-navigation.has-active-search {
		position: absolute;
		inset: calc(100% + 10px) 12px auto 12px;
		z-index: 135;
		display: block !important;
		width: auto !important;
		max-height: calc(100vh - var(--sbrd-header-h, 40px) - 22px);
		overflow-y: auto;
		overscroll-behavior: contain;
		border: 1px solid var(--sbrd-header-border) !important;
		border-radius: 12px;
		background: color-mix(in srgb, var(--sbrd-header-surface) 95%, transparent) !important;
		backdrop-filter: blur(16px) saturate(1.14) !important;
		-webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
		box-shadow: 0 22px 48px -22px color-mix(in srgb, var(--sbrd-header-bg) 90%, transparent) !important;
	}

	#masthead #site-navigation.main-navigation.toggled .main-nav > ul,
	.site-header #site-navigation.main-navigation.toggled .main-nav > ul {
		display: grid !important;
		gap: 3px;
		width: 100%;
	}

	#masthead #site-navigation.main-navigation.toggled .main-nav > ul > li > a,
	.site-header #site-navigation.main-navigation.toggled .main-nav > ul > li > a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 38px;
		padding: 6px 9px !important;
		border-radius: 8px;
		font-size: 12.5px !important;
	}

	#sbrd-header-stats {
		display: none !important;
	}

	.sbrd-header-toolbar .sbrd-header-stats--mobile {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		flex-shrink: 0;
		min-height: var(--sbrd-header-ctrl-sm, 32px);
		padding: 0 10px;
		border-radius: 9px;
		border: 1px solid color-mix(in srgb, var(--sbrd-header-border) 88%, transparent);
		background: color-mix(in srgb, var(--sbrd-header-surface) 50%, transparent);
	}
}

#content,
.site-content #content {
	scroll-margin-top: calc(var(--sbrd-header-h, 52px) + var(--sbrd-admin-bar-top, 0px) + 10px);
}

@supports not (backdrop-filter: blur(4px)) {
	#masthead,
	.site-header {
		background: var(--bg-card) !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#masthead,
	.site-header {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	#masthead .site-branding .site-title a,
	#masthead .main-title a {
		animation: none !important;
		background-size: 100% 100% !important;
	}

	.sbrd-header-stats__live-dot {
		animation: none !important;
	}

	.sbrd-header-stats__value--flash,
	.sbrd-header-stats__value--flash-soft {
		animation: none !important;
	}
}