:root{--fg:#1f2328;--muted:#6e7781;--bg:#fff;--accent:#0b5cad;--rule:#e6e8eb}
@media (prefers-color-scheme:dark){:root{--fg:#e6edf3;--muted:#8d96a0;--bg:#0d1117;--accent:#58a6ff;--rule:#30363d}}
*{box-sizing:border-box}html{background:var(--bg);color:var(--fg)}
body{font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;max-width:700px;margin:0 auto;padding:48px 20px 80px}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:12px;margin-bottom:36px}
header .site{font-weight:600;color:var(--fg);font-size:1.15rem}header nav a{margin-left:18px;color:var(--muted)}
h1{font-size:1.75rem;line-height:1.3;margin:0 0 .3rem}h2{font-size:1.25rem;margin-top:2.2rem}
.muted,time{color:var(--muted);font-size:.92rem}ul.posts{list-style:none;padding:0}ul.posts li{margin:0 0 1.4rem}
ul.posts a{font-size:1.1rem;font-weight:500}pre,code{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
pre{background:rgba(127,127,127,.1);padding:14px 16px;overflow:auto;border-radius:6px}code{background:rgba(127,127,127,.12);padding:1px 4px;border-radius:4px}pre code{background:none;padding:0}
blockquote{margin:1.2rem 0;padding-left:16px;border-left:3px solid var(--rule);color:var(--muted)}
footer{margin-top:64px;border-top:1px solid var(--rule);padding-top:14px;font-size:.88rem;color:var(--muted)}