body {
	padding: 0.5em;
	max-width: 62ch;
	margin: auto auto;
}
main :is(h1, h2, h3, h4, h5, h6, .bg-darker) {margin-bottom: 0.3em; padding: 0.5ch;}
main h3 {padding-left: 0.7em;}
main :is(h4, h5, h6) {padding-left: 1em;}

/* ---------- Spacing tweaks ---------- */
img {max-width: 100% !important;}

.right {text-align: right;}
.center {text-align: center;}
img.center {display: block; margin: auto auto;}
.separated {margin-top: 2em;}

blockquote, .offset {padding-left: 1em;}
summary:hover {cursor: pointer;}
dt {font-weight: bold; margin-top: 1em;}

a:not(nav a, h1 ~ a):before {content: "/";}
a:hover, a:focus {text-decoration: underline double;}
.mid {margin-top: 10%;}

/* Select only the first heading in .box... when there may or may not be sections getting in the way.
 * Gross but it works. */
.box section:first-of-type :is(h1, h2, h3, h4, h5, h6, p):first-of-type {margin-top: 0;}
.box :is(h1, h2, h3, h4, h5, h6, p):first-of-type:not(section :is(h1, h2, h3, h4, h5, h6, p):first-of-type) {margin-top: 0;}

p {margin: 1em 0.8em 1.3em 0.8em;}
ul {margin-bottom: 0.5em;}