:root {
	color-scheme: light dark;
	--bg: #ffffff;
	--ink: #14213d;
	--muted: #6b7a95;
	--link: #2b5fd9;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #0b1020;
		--ink: #e8edf8;
		--muted: #8794b0;
		--link: #6aa6ff;
	}
}
* { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font: 18px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif;
}
main { max-width: 42rem; margin: 0 auto; padding: 4rem 1rem; }
h1 { font-size: 2rem; line-height: 1.2; margin: 1rem 0 0.5rem; }
a { color: var(--link); }
.posts { list-style: none; padding: 0; margin: 2rem 0 0; }
.posts li { margin: 0 0 1.5rem; }
.posts a { font-size: 1.25rem; font-weight: 600; }
.date { color: var(--muted); font-size: 0.9rem; margin: 0.15rem 0 1.5rem; }
.posts .date { margin-bottom: 0; }
.back { font-size: 0.9rem; }