*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body:not(.wp-admin) {
	margin: 0;
	overflow-wrap: break-word;
}

img,
svg,
video {
	display: block;
	max-inline-size: 100%;
}

body:not(.wp-admin) button,
body:not(.wp-admin) input,
body:not(.wp-admin) textarea,
body:not(.wp-admin) select {
	font: inherit;
}

body:not(.wp-admin) :focus-visible {
	outline: 3px solid var(--text-accent, var(--color-green));
	outline-offset: 3px;
}

.skip-link {
	background: var(--color-dark);
	color: var(--color-white);
	inset-block-start: 0.5rem;
	inset-inline-start: 0.5rem;
	padding: 0.75rem 1rem;
	position: fixed;
	transform: translateY(-200%);
	z-index: 10000;
}

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

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

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
		scroll-behavior: auto;
		transition-duration: 0.01ms;
	}
}