:root {
	--ink: #2b2a27;
	--muted: #6f6a61;
	--paper: #f7f4ee;
	--rule: #ddd6c8;
	--accent: #7a5c3e;
}
* { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font: 17px/1.65 Georgia, "Times New Roman", serif;
}
.wrap { max-width: 40rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
header { border-bottom: 1px solid var(--rule); margin-bottom: 2rem; padding-bottom: 1rem; }
header a.home { color: var(--ink); text-decoration: none; font-size: 1.6rem; letter-spacing: .02em; }
header p { margin: .2rem 0 0; color: var(--muted); font-style: italic; }
nav { margin-top: .6rem; font-size: .95rem; }
nav a { color: var(--accent); margin-right: 1rem; }
h1, h2 { font-weight: normal; line-height: 1.25; }
h1 { font-size: 1.7rem; margin: 0 0 .3rem; }
h2 { font-size: 1.25rem; margin: 0; }
.date { color: var(--muted); font-size: .9rem; margin: 0 0 1.2rem; }
ul.posts { list-style: none; padding: 0; }
ul.posts li { margin: 0 0 1.6rem; }
ul.posts a { color: var(--ink); }
ul.posts p { margin: .25rem 0 0; color: var(--muted); }
a { color: var(--accent); }
footer { margin-top: 3rem; border-top: 1px solid var(--rule); padding-top: 1rem; color: var(--muted); font-size: .85rem; }