:root {
	color-scheme: light dark;
}

body {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}

p {
	line-height: 1.5;
}

time {
	color: #757575;
}

.published {
	color: #757575;
	font-style: italic;
}

.table-of-contents {
	display: inline-block;
	padding: 0 12px 8px 12px;
	border: 1px solid black;
	background-color: #F9F9F9;
	line-height: 1.8;
}

legend {
	font-weight: bold;
}

a {
	color: #1565C0;
}

h2 a {
	color: inherit;
	text-decoration: none;
}

code {
	background-color: #EEE;
	border-radius: 4px;
	padding: 0 4px;
	white-space: pre;
}

pre {
	background-color: #EEE;
	border-radius: 4px;
	padding: 4px;
	overflow-x: scroll;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #151515;
	}

	time, .published {
		color: #E0E0E0;
	}

	.table-of-contents {
		background-color: #242424;
		border-color: #BDBDBD;
	}

	legend {
		color: #BDBDBD;
	}

	a {
		color: #42A5F5;
	}

	code, pre {
		background-color: #323232;
	}
}