:root{--bg:#fbfaf7;--fg:#23211d;--mut:#6f6a61;--ln:#8a5a2b;--br:#e6e1d8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.65 Georgia,"Times New Roman",serif;-webkit-text-size-adjust:100%}
.wrap{max-width:38rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}
header{border-bottom:1px solid var(--br);padding-bottom:1rem;margin-bottom:2rem}
h1{font-size:1.5rem;margin:0 0 .25rem}
h2{font-size:1.15rem;margin:2rem 0 .5rem}
.sub{color:var(--mut);font-size:.9rem;margin:0}
nav a{color:var(--ln);text-decoration:none;margin-right:1rem;font-size:.9rem}
nav a:hover{text-decoration:underline}
article{margin-bottom:2rem}
.date{color:var(--mut);font-size:.82rem;letter-spacing:.02em}
footer{border-top:1px solid var(--br);margin-top:3rem;padding-top:1rem;
  color:var(--mut);font-size:.82rem}
blockquote{margin:1rem 0;padding-left:1rem;border-left:3px solid var(--br);color:var(--mut)}