:root{--a:#c2410c;--t:#24292f;--m:#57606a;--bg:#fff;--line:rgba(127,127,127,.25);--code:#f6f8fa}
@media (prefers-color-scheme:dark){:root{--t:#e6edf3;--m:#9da7b3;--bg:#0d1117;--code:#161b22}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--t);background:var(--bg)}
a{color:var(--a)}
.w{max-width:720px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--bg);padding:6px 10px}
header{padding:48px 0 24px}
.site-title{color:var(--t);text-decoration:none;font-weight:700;font-size:22px}
.tagline{margin:4px 0 0;color:var(--m)}
nav{margin-top:12px;font-size:15px}nav a{margin-right:18px}
.post-list{list-style:none;margin:0;padding:0}
.post-list li{padding:28px 0;border-top:1px solid var(--line)}
time{color:var(--m);font-size:14px}
.post-list h2{margin:4px 0 8px;font-size:22px;line-height:1.3}
.post-list h2 a{color:var(--t);text-decoration:none}.post-list h2 a:hover{color:var(--a)}
.post-list p{margin:0;color:var(--m)}
.tags{margin-top:8px;padding:0;list-style:none;display:flex;gap:6px;flex-wrap:wrap}
.tags li{font-size:12px;padding:1px 8px;border-radius:10px;border:1px solid var(--a);color:var(--a)}
article h1{font-size:34px;line-height:1.2;margin:8px 0 12px;letter-spacing:-.01em}
article h2{font-size:24px;margin:36px 0 8px}
article .meta{color:var(--m);font-size:15px;margin-bottom:28px}
pre{background:var(--code);padding:14px 16px;border-radius:8px;overflow:auto;font-size:14px;line-height:1.5}
code{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
p code,li code{background:var(--code);padding:1px 5px;border-radius:4px}
blockquote{margin:20px 0;padding:2px 18px;border-left:3px solid var(--a);color:var(--m)}
.breadcrumbs{font-size:14px;color:var(--m);margin:0;padding:0;list-style:none;display:flex;gap:8px}
.breadcrumbs li+li:before{content:"/";margin-right:8px}
.more{border-top:1px solid var(--line);margin-top:48px;padding-top:20px}
section.about{padding:28px 0;border-top:1px solid var(--line)}section.about p{color:var(--m)}
footer{padding:40px 0 64px;color:var(--m);font-size:14px;border-top:1px solid var(--line);margin-top:24px}
footer a{color:var(--m)}