:root {
	color-scheme: light;
	font-family: Georgia, "Times New Roman", serif;
	color: #292e2b;
	background: #fbfbf8;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
}

body {
	margin: 0;
	font-size: 18px;
	line-height: 1.75;
}

main {
	width: min(100% - 40px, 680px);
	margin: 72px auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.3;
	margin: 2em 0 0.7em;
}

h1 { font-size: 2.2rem; }
h2 { font-size: 1.55rem; }
h3 { font-size: 1.2rem; }

p, ul, ol, blockquote, pre, table { margin: 0 0 1.4em; }

a { color: #356b55; text-underline-offset: 3px; }
a:hover { color: #234c3b; }

li { padding-left: 0.25em; }
li + li { margin-top: 0.35em; }

blockquote {
	margin-left: 0;
	padding-left: 1.2em;
	border-left: 2px solid #cbd4ca;
	color: #606862;
}

code, pre { font-family: "SFMono-Regular", Consolas, monospace; }
code { padding: 0.15em 0.35em; background: #f0f1ec; font-size: 0.85em; }
pre { overflow-x: auto; padding: 1em; background: #f0f1ec; line-height: 1.5; }
pre code { padding: 0; background: none; }

hr { height: 1px; margin: 2.5em 0; border: 0; background: #e1e4de; }
img { max-width: 100%; height: auto; }
table { width: 100%; border-collapse: collapse; text-align: left; }
th, td { padding: 0.5em 0.75em; border-bottom: 1px solid #e1e4de; }

@media (max-width: 600px) {
	main { margin: 40px auto; }
	body { font-size: 17px; }
}