audio { vertical-align: middle; }

ul { padding-inline-start: 1rem; }
li { margin-block: .5rem; }

@media screen and (min-width: 640px) {
	ul { padding-inline-start: 2rem; }
}

dt {
	font-weight: bold;
	margin-top: 2rem;
}

dd { margin-top: .5rem; }

pre, code, .codeline {
	font-family: 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	hyphens: none;
}

pre {
	white-space: pre-wrap;
}

.codeline {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1;
	margin-block: 1.25em
}

.nowrap {
	white-space: nowrap;
}

h1 img { vertical-align: middle; }

time {
	font-weight: normal;
	font-style: italic;
}

hr {
	border: none;
	border-bottom: 1px solid black;
	margin: 2.5rem auto;
	width: 80%;
}

* { box-sizing: border-box; }

html {
	background-color: rgb(250, 240, 228);
}

body {
	line-height: 1.875;
	font-family: 'Iowan Old Style', Charter, 'Bitstream Charter', 'Sitka Text', 'Times New Roman', serif;
	hyphens: auto;
	margin: 1rem auto;
	max-width: 42rem;
	padding: 1.5rem;
	text-align: justify;
}

@media (max-width: 44rem) {
	body {
		margin: 1rem!important;
	}
}

h1, h2, h3, h4, h5, h6 {
	hyphens: none;
	text-align: left;
}

h1 {
	/* font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; */
	font-family: "Times New Roman", Georgia, "Linux Libertine", serif;
	font-weight: 900;
}

nav { text-align: center; }

hgroup:has(h1) { margin-block: 1.5em; }

hgroup :is(h1, h2, h3, h4, h5, h6) {
	margin-bottom: 0;
	line-height: 1.25;
}

hgroup p { margin-top: 0 }