:root { color-scheme: light dark; }

body {
	margin: 0;
	font: 17px/1.7 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	background: #0f1410;
	color: #e8efe6;
}

.prose {
	max-width: 42rem;
	margin: 0 auto;
	padding: 4rem 1.25rem 6rem;
}

.prose h1, .prose h2, .prose h3 { line-height: 1.25; }
.prose h1 { font-size: 2.1rem; margin: 0 0 0.5em; }
.prose h2 { margin-top: 2em; }

.prose a { color: #8fd19e; }
.prose a:hover { color: #b7e4c0; }

.prose code {
	background: #1b2419;
	padding: 0.1em 0.35em;
	border-radius: 4px;
	font-size: 0.9em;
}

.prose hr { border: none; border-top: 1px solid #2a3526; margin: 2.5em 0; }

.prose img { max-width: 100%; height: auto; }