body {
	margin: 0;
	background: #e2e2e2;
	color: #373737;
	font: 15px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#page {
	max-width: 800px;
	margin: 2em auto;
	background: #fff;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
a { color: #e4741f; text-decoration: none; }
a:hover { text-decoration: underline; }
header img { display: block; max-width: 100%; height: auto; }
#site-title {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}
nav { background: #222; }
nav ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
nav a { display: block; padding: 0.4em 1.1em; color: #eee; font-size: 0.9em; line-height: 2; }
nav a:hover, nav a.current { background: #e4741f; color: #fff; text-decoration: none; }
main { padding: 1.5em 2em 2em; }
main h1.entry-title { margin: 0 0 0.6em; font-size: 1.7em; line-height: 1.2; color: #222; }
main h1 { font-size: 1.3em; line-height: 1.3; }
main h2 { font-size: 1.25em; margin: 1.6em 0 0.4em; }
main h3 { font-size: 1.05em; margin: 1.4em 0 0.4em; }
table { border-collapse: collapse; margin: 0.8em 0; }
th, td { padding: 3px 1.2em 3px 0; text-align: left; vertical-align: top; }
th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
code { font-size: 0.85em; word-break: break-all; }
@media (max-width: 600px) {
	#page { margin: 0; }
	main { padding: 1em; }
}