:root {
	--bg: #f6f4f0;
	--text: #1d1b22;
	--muted: #5d5866;
	--link: #2a6f86;
	--rule: #ddd8cf;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg: #0e1017;
		--text: #e6e3ec;
		--muted: #a49fb0;
		--link: #6fd2e6;
		--rule: #2a2d3a;
	}
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font: 17px/1.6 system-ui, "Segoe UI", sans-serif;
}

main {
	max-width: 44rem;
	margin: 0 auto;
	padding: 2.5rem 1rem 4rem;
}

h1 {
	font-size: 2rem;
	line-height: 1.2;
	margin: 0 0 0.25rem;
}

h2 {
	font-size: 1.2rem;
	margin: 2rem 0 0.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--rule);
}

.meta, .back, .links {
	color: var(--muted);
}

a {
	color: var(--link);
}

li {
	margin: 0.35rem 0;
}

code {
	font-size: 0.95em;
}