/* ABOUTME: Downloaded CSS reset used by the Astro app shell. */
/* ABOUTME: Normalizes browser defaults before project-local layout styles. */

/* reset.css derived from https://www.joshwcomeau.com/css/custom-css-reset/ */
/* on using layers in reset https://www.mayank.co/blog/css-reset-layer */
@layer reset {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}
	* {
		margin: 0;
	}
	body {
		line-height: 1.5;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: 100%;
	}
	img,
	picture,
	video,
	canvas,
	svg {
		display: block;
		max-width: 100%;
	}
	input,
	button,
	textarea,
	select {
		font: inherit;
	}
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		overflow-wrap: break-word;
	}
}