/* Keep focus easy to see across the dark hero and light page backgrounds. */
a[href]:focus-visible,
button:not([disabled]):focus-visible,
input:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
textarea:not([disabled]):focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: -2px !important;
	box-shadow: inset 0 0 0 4px #111, inset 0 0 0 2px #fff !important;
}

@media (forced-colors: active) {
	a[href]:focus-visible,
	button:not([disabled]):focus-visible,
	input:not([disabled]):focus-visible,
	select:not([disabled]):focus-visible,
	textarea:not([disabled]):focus-visible,
	[tabindex]:not([tabindex="-1"]):focus-visible {
		outline: 2px solid Highlight !important;
		box-shadow: none !important;
	}
}