/* Skip link: the first focusable element on every page; visible only while it has keyboard focus. */
@layer components {
	.skip-link {
		position: absolute;
		inset-block-start: var(--space-2);
		inset-inline-start: var(--space-2);
		z-index: var(--z-skip);
		padding: var(--space-3) var(--space-4);
		border-radius: var(--radius-md);
		background: var(--color-surface);
		color: var(--color-text);
		font-weight: 600;
		transform: translateY(-200%);
	}

	.skip-link:focus-visible {
		transform: none;
	}
}