:root{--fg:#1d1f21;--muted:#6b7075;--bg:#fbfaf7;--accent:#2f6f5e;--line:#e6e3dc}
*{box-sizing:border-box}html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.65 Georgia,"Times New Roman",serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:0 1.25rem}
header{padding-top:2.5rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
header a.brand{font:600 1.25rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fg);text-decoration:none}
nav{margin-top:.4rem;font:.9rem -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
nav a{color:var(--muted);margin-right:1rem;text-decoration:none}nav a:hover{color:var(--accent)}
main{padding-top:1.5rem;padding-bottom:3rem}
h1{font-size:1.6rem;line-height:1.25;margin:.2rem 0 1rem}h2{font-size:1.15rem;margin:2rem 0 .5rem}
a{color:var(--accent)}.meta{color:var(--muted);font-size:.85rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
ul.posts{list-style:none;padding:0}ul.posts li{padding:.6rem 0;border-bottom:1px solid var(--line)}
ul.posts li a{text-decoration:none;color:var(--fg)}ul.posts li a:hover{color:var(--accent)}
code{background:#f0eee8;padding:.1rem .3rem;border-radius:3px;font-size:.88em}
footer{border-top:1px solid var(--line);padding:1rem 1.25rem 2.5rem;color:var(--muted);font:.8rem -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}