.xj-skip-link {
	position: fixed;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 100000;
	padding: 0.7rem 1rem;
	border: 3px solid #ffffff;
	border-radius: 0.25rem;
	background: #103b60;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	transform: translateY(-180%);
	transition: transform 120ms ease-out;
}

.xj-skip-link:focus {
	color: #ffffff;
	transform: translateY(0);
}

:where(
	a[href],
	button,
	input,
	select,
	textarea,
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: 3px solid #0b4f82 !important;
	outline-offset: 3px;
}

#primary {
	scroll-margin-top: 2rem;
}

@media (prefers-reduced-motion: reduce) {
	.xj-skip-link {
		transition: none;
	}
}

@media (min-width: 40rem) and (max-width: 64rem) {
	.xj-footer-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.xj-footer-brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 22rem) {
	.xj-newsletter-form input {
		width: 0;
	}

	.xj-newsletter-form button {
		padding-inline: 0.75rem;
	}

	.xj-footer-column {
		min-width: 0;
	}

	.xj-footer-contact__email {
		overflow-wrap: anywhere;
	}
}