/*
 * Skip link — WCAG 2.1 / 2.4.1 Bypass Blocks.
 * Off-screen by default, slides into view on keyboard focus so users can jump
 * past the repeated header straight to the main content.
 */
.skip-link {
	position: absolute;
	left: 8px;
	top: -100px;
	z-index: 9999;
	padding: 16px 32px;
	background-color: #DB1034; /* --color-dark-raspberry */
	color: #FFFFFF; /* --color-white */
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	transition: top 0.2s ease;
}

.skip-link:focus {
	top: 8px;
	/* High-contrast ring: eggshell is invisible on the white page background. */
	outline: 3px solid #080808; /* --color-carbone */
	outline-offset: 2px;
}

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

/* tabindex="-1" makes <main> focusable as the skip target; suppress the box outline. */
#main-content:focus {
	outline: none;
}