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

	* {
		margin: 0;
		padding: 0;
	}

	html {
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizespeed;
		text-size-adjust: none;
		color-scheme: dark light;
		tab-size: 2;
		scrollbar-gutter: stable;
		interpolate-size: allow-keywords;
		line-height: 1.5;
	}

	body {
		margin: 0;
		/* https://systemfontstack.com */
		font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida
			Console, monospace;
		font-synthesis: none;
	}

	ul[role="list"],
	ol[role="list"] {
		list-style: none;
		padding: 0;
	}

	::marker {
		line-height: 0;
	}

	:focus-visible {
		outline-offset: 2px;
	}

	@media (prefers-reduced-motion: no-preference) {
		html:focus-within {
			scroll-behavior: smooth;
		}
	}

	a {
		color: inherit;
		text-underline-offset: 0.2ex;
	}

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

	a[href] {
		-webkit-tap-highlight-color: transparent;
	}

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

	p {
		text-wrap: pretty;
	}
}