:root{--fg:#1d1f21;--muted:#6a737d;--bg:#fdfdfc;--accent:#2f6f9f;--code:#f3f4f2}
@media (prefers-color-scheme:dark){:root{--fg:#d8dadc;--muted:#8b949e;--bg:#151719;--accent:#6aa6d6;--code:#202326}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
.wrap{max-width:720px;margin:0 auto;padding:40px 18px 60px}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--muted);padding-bottom:12px;margin-bottom:28px}
header a.logo{font:600 20px/1 ui-monospace,Menlo,Consolas,monospace;color:var(--fg);text-decoration:none}
nav a{margin-left:16px;color:var(--muted);text-decoration:none;font-family:system-ui,sans-serif;font-size:15px}
a{color:var(--accent)}h1{font-size:30px;line-height:1.25;margin:0 0 8px}h2{margin-top:36px}
.meta{color:var(--muted);font:14px system-ui,sans-serif;margin-bottom:24px}
ul.posts{list-style:none;padding:0}ul.posts li{margin:0 0 22px}ul.posts .date{color:var(--muted);font:14px ui-monospace,monospace;display:block}
pre,code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;background:var(--code)}pre{padding:14px;overflow-x:auto;border-radius:4px}code{padding:1px 4px}
footer{margin-top:60px;color:var(--muted);font:13px system-ui,sans-serif}