/* V3 chrome keeps a stable 76px / 68px layout box while its content settles. */
.site-header {
	border-block-end: 1px solid hsl(var(--border));
}
.site-header__sentinel {
	inset-block-start: 0;
}
.site-header__inner {
	min-block-size: var(--header-height);
	padding-block: 0;
}
.site-header.is-compact .site-header__brand {
	transform: scale(.96);
}
.site-header__brand {
	min-inline-size: var(--target-min);
	min-block-size: var(--target-min);
	justify-content: center;
	transform-origin: left center;
	transition: transform var(--dur-base) var(--ease-out);
}
.site-header__desktop-controls::before {
	display: none;
}
.site-header__nav-list {
	gap: 0;
}
.nav-disclosure--split > .nav-disclosure__trigger--icon {
	min-inline-size: var(--target-min);
}
.nav-panel {
	transition: transform 80ms var(--ease-out), opacity 80ms var(--ease-out);
}
.site-header__nav-link,
.nav-disclosure__link,
.nav-disclosure__trigger,
.nav-panel li a,
.mobile-nav-group li a,
.site-header__menu-toggle,
.mobile-menu__close { transition: none; }
@media (min-width: 1024px) {
	.site-header__desktop { display: flex; }
	.site-header__inner,
	.site-header__desktop,
	.site-header__nav-list { flex-wrap: wrap; }
	.site-header__nav { min-inline-size: 0; }
	.site-header__mobile-controls,
	.mobile-menu { display: none; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.site-header__brand .site-brand__name { display: none; }
	.site-header__desktop { margin-inline-start: var(--space-2); }
	.site-header__nav-link,
	.nav-disclosure__link,
	.nav-disclosure__trigger { padding-inline: var(--space-1); }
}
@media (max-width: 1023px) {
	.site-header__inner { min-block-size: var(--header-height-mobile); }
	.site-header__mobile-controls { gap: var(--space-2); }
	.site-header .site-header__mobile-cta { display: none; }
	.mobile-menu { inline-size: 100%; block-size: 100dvh; }
	.mobile-menu {
		opacity: 0;
		transition: transform 280ms var(--ease-out), opacity 280ms var(--ease-out);
	}
	.mobile-menu.is-open {
		opacity: 1;
		transition: transform 280ms var(--ease-out), opacity 280ms var(--ease-out);
	}
	.mobile-menu__backdrop { display: none; }
	.mobile-menu__inner { inline-size: 100%; max-inline-size: 30rem; }
	.mobile-menu__controls { display: flex; justify-content: flex-start; }
	html:not(.sib-js) .site-header:not(.sib-nav-js) .mobile-menu {
		block-size: auto;
		opacity: 1;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	html.sib-menu-open body::before { content: none; }
	.mobile-menu { background: transparent; }
	.mobile-menu__backdrop {
		position: absolute;
		inset: 0;
		display: block;
		inline-size: 100%;
		block-size: 100%;
		border: 0;
		background: hsl(var(--foreground) / .4);
		cursor: pointer;
	}
	.mobile-menu__inner {
		position: relative;
		padding: var(--space-4);
		background: hsl(var(--background));
	}
}
@media (max-width: 479px) {
	.site-header__brand .site-brand__name { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.site-header__brand,
	.nav-panel,
	.mobile-menu { transition: none; }
	.mobile-menu.is-open { transition: none; }
}
