:root{--ink:#2b2a27;--muted:#77736b;--bg:#faf8f3;--accent:#5d6b4a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 Georgia,"Iowan Old Style","Times New Roman",serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:0 1.25rem}
header{display:flex;justify-content:space-between;align-items:baseline;padding-top:2.5rem;padding-bottom:1.5rem}
.brand{font-size:1.35rem;color:var(--ink);text-decoration:none;letter-spacing:.02em}
nav a{margin-left:1.1rem;color:var(--muted);text-decoration:none;font-size:.95rem}
nav a:hover,a:hover{color:var(--accent)}
a{color:var(--accent)}
.lede{color:var(--muted);font-style:italic;margin:0 0 2rem}
.posts{list-style:none;padding:0}
.posts li{display:flex;gap:1.25rem;padding:.45rem 0;border-bottom:1px solid #e7e2d6}
.posts time{flex:0 0 7.5rem;color:var(--muted);font-size:.9rem;padding-top:.15rem}
article h1{font-weight:normal;font-size:1.7rem;line-height:1.3;margin:0 0 .3rem}
article .meta{color:var(--muted);font-size:.9rem;margin-bottom:1.8rem}
footer{color:var(--muted);font-size:.85rem;padding-top:3rem;padding-bottom:2.5rem}