html {
	scrollbar-gutter: stable;
}

html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

}

:root {
	--focus-color: var(--wp--preset--color--red);
}

:where(
a,
button,
input,
textarea,
select,
[tabindex]
):focus-visible {
	outline: 3px solid var(--focus-color);
	outline-offset: 4px;
}

.wp-site-blocks > .home-main {
	margin-block-start: 0;
}

.skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 99999;
	padding: 12px 16px;
	border-radius: 999px;
	background: var(--wp--preset--color--dark-violet);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 700;
	transform: translateY(-200%);
}

.skip-link:focus {
	transform: translateY(0);
}

.skip-link:focus-visible {
	outline: 3px solid var(--wp--preset--color--pink);
	outline-offset: 4px;
}