/* Shared styles affect only the added RU / EN control, never the existing header. */
.miller-language-switcher {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 2px;
	padding: 3px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 7px;
	line-height: 1;
}
.miller-language-switcher a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 36px;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}
.miller-language-switcher a[aria-current] { background: #fff; color: #0b3958; }
.miller-language-switcher a:hover { background: #dbe7ee; color: #0b3958; }
.miller-language-switcher a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

/* Explicit link states keep the inactive language readable on the .com frontend. */
body .miller-language-switcher { background: #0b3958; }
body .miller-language-switcher a:any-link { color: #fff; background: transparent; }
body .miller-language-switcher a[aria-current]:any-link,
body .miller-language-switcher a:any-link:hover { color: #0b3958; background: #fff; }
body .miller-language-switcher a:focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }

@media (max-width: 767px) {
	/* Hide the original slot until the same control is moved out of the header. */
	header .miller-language-switcher { display: none; }
	.miller-language-host { position: relative; }
	.miller-language-switcher--mobile {
		display: flex;
		width: fit-content;
		margin: 10px 16px 10px auto;
	}
	.miller-language-host > .miller-language-switcher--mobile {
		position: absolute;
		top: 12px;
		right: 16px;
		z-index: 5;
		margin: 0;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
	}
}

/* The self-hosted EN logo is navy for light backgrounds. Use white on the dark footer. */
#colophon .custom-logo { filter: brightness(0) invert(1); }