:root{--fg:#1d2329;--muted:#5f6b76;--bg:#fbfbf9;--accent:#2f6f8f;--line:#e4e4df}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:36px;padding-bottom:12px;border-bottom:1px solid var(--line)}
header a.brand{font:700 22px/1.2 system-ui,sans-serif;color:var(--fg);text-decoration:none}
nav{margin-top:6px;font:15px system-ui,sans-serif}nav a{color:var(--muted);margin-right:16px;text-decoration:none}
h1,h2{font-family:system-ui,sans-serif;line-height:1.25}a{color:var(--accent)}
.post{padding:18px 0;border-bottom:1px solid var(--line)}.post h2{margin:0 0 4px;font-size:21px}
.meta{color:var(--muted);font:14px system-ui,sans-serif}pre{background:#f0f0ec;padding:12px;overflow-x:auto;font-size:14px}
footer{color:var(--muted);font:14px system-ui,sans-serif;padding:28px 20px 40px}