:root{--fg:#222;--muted:#6b6b6b;--accent:#2f6b4f;--bg:#fbfaf7}
*{box-sizing:border-box}html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
header.site,main,footer{max-width:42rem;margin:0 auto;padding:0 1.25rem}
header.site{display:flex;justify-content:space-between;align-items:baseline;padding-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e6e2da}
.brand{font-weight:bold;font-size:1.3rem;color:var(--accent);text-decoration:none}
nav a{margin-left:1rem;color:var(--muted);text-decoration:none;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:.9rem}
nav a:hover,a:hover{color:var(--accent)}a{color:var(--accent)}
h1{font-size:1.6rem;line-height:1.3;margin:2rem 0 .5rem}
.meta{display:block;color:var(--muted);font-size:.85rem;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
ul.posts{list-style:none;padding:0}ul.posts li{margin:1.6rem 0}
ul.posts li>a{font-size:1.2rem;font-weight:bold;text-decoration:none}
ul.posts p{margin:.3rem 0 0}
.back{margin-top:2rem}
footer{color:var(--muted);font-size:.8rem;padding-top:3rem;padding-bottom:2rem;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif}