@layer reset;

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

	* {
		margin: 0;
	}

	html {
		-moz-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		text-size-adjust: none;
		scrollbar-gutter: stable;
	}

	@media (prefers-reduced-motion: no-preference) {
		html {
			interpolate-size: allow-keywords;
			scroll-behavior: smooth;
		}
	}

	body {
		min-block-size: 100svh;
		display: flex;
		flex-direction: column;

		main {
			flex-grow: 1;
		}
	}

	ul[role='list'],
	ol[role='list'] {
		list-style: none;
	}

	ul[class]:not(.list, .wp-block-list, [class*='marker']),
	ol[class]:not(.list, .wp-block-list, [class*='marker']) {
		padding: 0;
		list-style: none;
	}

	a:not([class]) {
		text-decoration-skip-ink: auto;
	}

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

	figure > img {
		inline-size: 100%;
	}

	input,
	button,
	textarea,
	select {
		font: inherit;
	}

	button {
		cursor: pointer;
		background-color: transparent;
		border: none;
		color: currentColor;
	}

	textarea:not([rows]) {
		min-block-size: 10em;
	}

	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		overflow-wrap: break-word;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		text-wrap: balance;
	}

	p {
		text-wrap: pretty;
	}

	.screen-reader-text {
		border: 0;
		clip-path: inset(50%);
		block-size: 1px;
		inline-size: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		white-space: nowrap;
	}

	.screen-reader-text:focus {
		clip-path: none;
		block-size: auto;
		inline-size: auto;
		margin: 0;
		overflow: visible;
		white-space: normal;
		z-index: 100000;
	}
}
