:root { --ink:#2b2b2b; --muted:#6f6f6f; --line:#d9d4cc; --paper:#faf8f4; --accent:#8a5a44; }
* { 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:640px; margin:0 auto; padding:2.5rem 1.2rem 4rem; }
header h1 { font-size:1.6rem; margin:0 0 .2rem; letter-spacing:.01em; }
header p { margin:0; color:var(--muted); font-style:italic; }
nav { margin:.9rem 0 2.4rem; font-family:"Helvetica Neue", Arial, sans-serif; font-size:.86rem; }
nav a { color:var(--accent); text-decoration:none; margin-right:1.1rem; }
nav a:hover { text-decoration:underline; }
article { margin-bottom:2.6rem; }
article h2 { font-size:1.18rem; margin:0 0 .3rem; }
article time { color:var(--muted); font-size:.85rem; font-family:"Helvetica Neue",Arial,sans-serif; }
hr { border:0; border-top:1px solid var(--line); margin:2.2rem 0; }
footer { margin-top:3.5rem; color:var(--muted); font-size:.83rem;
  font-family:"Helvetica Neue",Arial,sans-serif; }
footer a { color:var(--muted); }
@media (max-width:480px){ .wrap{padding:1.6rem 1rem 3rem;} body{font-size:16px;} }