/* :root {
	color-scheme: light dark;
} */

html {
	/**** Prevent font scaling in iPhone landscape ****/
	-webkit-text-size-adjust: 100%;
}

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

* {
	margin: 0;
	padding: 0;
}

body {
	min-height: 100svh;
}

/**** To use container queries, you need to declare a containment context on an element ****/
/**** NOTICE: This evidently affects css counter-increment ****/
/* body > :is(header, main, footer),
section,
article {
	container-type: inline-size;
} */

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

p,
li {
	/**** 65ch is a good max-width for best readability ****/
	/* max-width: 65ch; */
	cursor: default;
	text-wrap: pretty;
}

img,
picture,
video {
	display: block;
	/**** Or "vertical-align: middle" instead of "display: block"****/
	/**** https://christopheraue.net/design/vertical-align#vertical-align-acts-on-inline-level-elements-in-a-line-box ****/
	max-width: 100%;
}