*{box-sizing:border-box}
body{margin:0;font:17px/1.6 Georgia,serif;color:#222;background:#faf8f4}
header{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:24px 16px}
.logo{font-weight:bold;letter-spacing:.08em;color:#222;text-decoration:none}
nav a{margin-left:18px;color:#555;text-decoration:none}
nav a:hover{color:#000}
main{max-width:720px;margin:0 auto;padding:0 16px}
.hero{padding:32px 0;border-bottom:1px solid #e4dfd6}
.hero h1{font-size:2rem;margin:0 0 8px}
article{padding:28px 0;border-bottom:1px solid #eee}
article h2{margin:4px 0 8px;font-size:1.3rem}
time{color:#888;font-size:.9rem}
footer{max-width:720px;margin:0 auto;padding:32px 16px;color:#999;font-size:.85rem}