:root{--ink:#1d1f23;--muted:#6b6f76;--line:#e7e5e1;--bg:#fbfaf7;--accent:#1f5f4a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
.wrap{max-width:40rem;margin:0 auto;padding:3rem 1.25rem 3rem}
nav{display:flex;gap:1.25rem;font:500 .9rem system-ui,sans-serif;margin-bottom:2.5rem}
nav a{color:var(--ink);text-decoration:none}
nav a.brand{font-weight:700;margin-right:auto}
h1{font-size:2rem;line-height:1.25;margin:0 0 .5rem;letter-spacing:-.01em}
.lede{color:var(--muted);font:.95rem/1.5 system-ui,sans-serif;margin:0 0 2rem}
h2{font:600 .8rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:2.5rem 0 1rem}
article.item{padding:1rem 0;border-top:1px solid var(--line)}
article.item time,.meta{font:.8rem system-ui,sans-serif;color:var(--muted)}
article.item h3{margin:.2rem 0 .3rem;font-size:1.15rem}
article.item h3 a{color:var(--ink);text-decoration:none}
article.item p{margin:0;color:#3a3d42}
.post p{margin:0 0 1.1rem}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);font:.85rem system-ui,sans-serif;color:var(--muted)}
a{color:var(--accent)}