/**
 * Module: Skip-link — onzichtbaar totdat het element focus krijgt.
 *
 * z-index bewust laag (1) i.p.v. de gebruikelijke 999999 van de rest van de
 * widget: dit element ligt alleen zichtbaar bovenaan de pagina op het moment
 * dat het zelf focus heeft, en hoeft dan niet boven alles te zweven — een
 * hoge z-index gaf verwarring/overlap tijdens het invullen van formulieren.
 */
.cc-a11y-skip-link {
	position: absolute;
	top: 0;
	left: -9999px;
	z-index: 1;
	background: var(--cc-a11y-accent, #1B3A6B);
	color: #fff;
	padding: 10px 16px;
	border: none;
	border-radius: 0 0 6px 0;
	text-decoration: none;
	font: inherit;
	font-family: system-ui, -apple-system, sans-serif;
	cursor: pointer;
}

.cc-a11y-skip-link:focus {
	left: 0;
}