:root{--fg:#222;--muted:#666;--bg:#fbfaf7;--acc:#7a5c3e}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,serif;color:var(--fg);background:var(--bg)}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:48px}header a{color:var(--fg);text-decoration:none}
h1{font-size:30px;margin:0}.tag{color:var(--muted);margin:4px 0 28px}
nav a{margin-right:16px;color:var(--acc)}article{border-top:1px solid #e4e0d8;padding:24px 0}
article h2{font-size:22px;margin:0 0 4px}time{color:var(--muted);font-size:14px}
footer{color:var(--muted);font-size:14px;padding-bottom:48px;border-top:1px solid #e4e0d8;margin-top:24px;padding-top:16px}