:root { --ink:#1a1a1a; --dim:#767676; --line:#e4e2dd; --bg:#fbfaf8; --accent:#2f4858; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
.wrap { max-width:42rem; margin:0 auto; padding:3rem 1.25rem 5rem; }
header { margin-bottom:2.5rem; }
.brand { font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); margin:0 0 .4rem; }
h1 { font-size:1.6rem; font-weight:600; margin:0 0 1rem; }
nav a { margin-right:1.2rem; font-size:.92rem; }
a { color:var(--accent); text-decoration:none; border-bottom:1px solid var(--line); }
a:hover { border-bottom-color:var(--accent); }
h2 { font-size:1.05rem; font-weight:600; margin:2.5rem 0 .4rem; }
.post { padding-bottom:1.75rem; margin-bottom:1.75rem; border-bottom:1px solid var(--line); }
.post:last-of-type { border-bottom:0; }
.meta { font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--dim); margin:0 0 .5rem; }
p { margin:.6rem 0; }
ul { padding-left:1.1rem; }
li { margin:.3rem 0; }
footer { margin-top:3.5rem; padding-top:1.25rem; border-top:1px solid var(--line);
  color:var(--dim); font-size:.85rem; }