:root{--bg:#fbfaf7;--fg:#1f2328;--muted:#5f6670;--line:#e4e1da;--accent:#2f6f5e;--code:#f1eee7}
@media (prefers-color-scheme:dark){:root{--bg:#16181b;--fg:#e6e3dd;--muted:#9aa1a9;--line:#2c3036;--accent:#7cc4ad;--code:#202328}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
.wrap{max-width:680px;margin:0 auto;padding:40px 16px 64px}
header{display:flex;align-items:center;gap:12px;margin-bottom:40px}
header a{color:inherit;text-decoration:none}
.logo{width:34px;height:34px;flex:none}
.site{font:600 18px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em}
.tag{font:14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}
h1{font-size:30px;line-height:1.25;margin:0 0 8px}
h2{font-size:22px;margin:36px 0 8px}
p,ul,ol{margin:0 0 16px}
a{color:var(--accent)}
.meta{font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted);margin-bottom:24px}
.list{list-style:none;padding:0;margin:0}
.list li{padding:20px 0;border-top:1px solid var(--line)}
.list li:last-child{border-bottom:1px solid var(--line)}
.list a{font-size:21px;text-decoration:none}
.list a:hover{text-decoration:underline}
.list p{margin:6px 0 0;color:var(--muted)}
code,pre{font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--code);border-radius:4px}
code{padding:1px 4px}
pre{padding:12px 14px;overflow-x:auto}
pre code{padding:0;background:none}
footer{margin-top:56px;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}