:root {
	background-color: #1e1e1e;
	color: #ffffff;
	font-family: sans-serif;
	counter-reset: footnotes;
}

@media screen {
	body {
		margin: 1em 2em 2em;
	}
}

@media (prefers-color-scheme: light) {
	:root {
		background-color: #ffffff;
		color: #000000;
	}
}

a[href] {
	color: #5555ff;
}

a.nonexistent {
	color: #ff5555;
}

a.footnote-link {
	counter-increment: footnotes;
	vertical-align: super;
	font-size: smaller;
	line-height: 0;
}

a.footnote-link::after {
	content: "[" counter(footnotes) "]";
}

@media (prefers-color-scheme: light) {
	a[href] {
		color: #0000d4;
	}

	a.nonexistent {
		color: #d40000;
	}
}

footer>:target {
	background-color: #ffff55;
}

@media (prefers-color-scheme: light) {
	footer>:target {
		background-color: #d4d400;
	}
}

body>section, body>footer {
	border-top: 1px solid;
}

footer {
	font-size: smaller;
}

footer>p {
	margin-bottom: 0;
	font-style: italic;
}

footer>p:not(:first-of-type) {
	margin-top: 0;
}