
/* LH-FIX-108 + LH-FIX-149: one stable header row at every supported width. */
header.site .nav {
	box-sizing: border-box;
	flex-wrap: nowrap !important;
}
header.site .nav .links {
	align-items: center;
	min-width: 0;
}
header.site .nav .links a {
	white-space: nowrap;
}
/* The theme moves both decorative header pseudo-elements indefinitely. The
 * Layout Instability API attributes those movements to the header/nav even
 * when their containing boxes remain fixed. Keep the decoration, but freeze
 * it at its first painted position. */
header.site::after,
header.site .nav::before {
	animation: none !important;
}
@media (min-width: 1369px) {
	header.site .nav { height: 90px; }
}
@media (max-width: 1368px) {
	header.site .nav { height: 73px; }
	header.site .nav .links { display: none !important; }
	header.site .nav .spacer { display: none; }
	header.site .nav .auth {
		margin-left: auto;
		/* Reserve the exact compact bell+burger footprint before their later
		 * owner CSS is applied, so the action group cannot grow from zero. */
		flex: 0 0 95.1875px;
		width: 95.1875px;
		min-width: 95.1875px;
		gap: .5rem;
	}
	header.site .nav .auth .lh-social { display: none !important; }
	header.site .lh-burger {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
	}
}
@media (max-width: 520px) {
	header.site .logo-word { display: none; }
	header.site .logo { flex: 0 0 auto; }
}

/* LH-FIX-150: a two-tone focus indicator remains visible on both light and
 * dark surfaces and is not defeated by the theme's outline:none rules. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid #111827 !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 6px #fff !important;
}
/*# sourceURL=lh-header-accessibility-inline-css */
