/* Accessibility: skip link and global keyboard focus. */

/* Skip link: hidden until keyboard-focused — the first tab stop on every
   page, letting keyboard and screen-reader users jump past the nav. */
.skip-link {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 100;
	padding: .75rem 1.25rem;
	background: var(--accent);
	color: var(--accent-contrast);
	font: 700 .75rem/1 var(--font-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
}

.skip-link:focus {
	top: 0;
}

/* Global keyboard focus: visible for everyone who navigates by keyboard
   (:focus-visible), never removing the browser's default affordance. */
:focus-visible {
	outline: 3px solid var(--accent);
	outline-offset: 2px;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}