/* Keyboard-first bypass navigation, loaded by the public-page skip-link script. */
.skip-link {
	position: fixed;
	top: .5rem;
	left: .5rem;
	z-index: 2147483647;
	display: inline-flex;
	min-height: 44px;
	max-width: calc(100vw - 2rem);
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	padding: .55rem 1rem;
	transform: translateY(calc(-100% - 1rem));
	border: 2px solid #9e1a20;
	border-radius: .4rem;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
	color: #641117;
	font: 700 1rem/1.3 sans-serif;
	overflow-wrap: anywhere;
	text-decoration: none;
}

.skip-link:focus,
.skip-link:focus-visible {
	transform: translateY(0);
	outline: 3px solid #1769aa;
	outline-offset: 3px;
}

main[id][tabindex="-1"] {
	scroll-margin-top: 24px;
}

@media (max-width: 1023px) {
	main[id][tabindex="-1"] {
		scroll-margin-top: 84px;
	}
}

main[id][tabindex="-1"]:focus {
	outline: 3px solid #1769aa;
	outline-offset: 4px;
}
