:root{--fg:#1d2433;--muted:#5b6475;--bg:#fbfaf7;--line:#e6e2da;--accent:#2f6f5e}
*{box-sizing:border-box}html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.65 Georgia,"PT Serif",serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:0 1.2rem}
header{display:flex;justify-content:space-between;align-items:baseline;padding-top:2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
header a.brand{font:600 1.15rem/1 system-ui,sans-serif;color:var(--fg);text-decoration:none}
nav a{font:.9rem system-ui,sans-serif;color:var(--muted);margin-left:1rem;text-decoration:none}
nav a:hover,a{color:var(--accent)}
main{padding-top:1.5rem;padding-bottom:3rem}
h1{font:700 1.8rem/1.25 system-ui,sans-serif;margin:.5rem 0 1rem}
h2{font:600 1.2rem/1.3 system-ui,sans-serif;margin:2rem 0 .5rem}
.post-list{list-style:none;padding:0}.post-list li{padding:.9rem 0;border-bottom:1px solid var(--line)}
.post-list time,.meta{display:block;font:.8rem system-ui,sans-serif;color:var(--muted)}
.post-list a{font:600 1.05rem system-ui,sans-serif;text-decoration:none}
pre{background:#f1efe9;border:1px solid var(--line);padding:.8rem 1rem;overflow:auto;font:.85rem/1.5 ui-monospace,Menlo,monospace}
code{font:.88em ui-monospace,Menlo,monospace;background:#f1efe9;padding:.05em .3em}
pre code{background:none;padding:0}
footer{border-top:1px solid var(--line);padding:1.2rem;font:.8rem system-ui,sans-serif;color:var(--muted)}