:root { --fg:#1f2328; --muted:#59636e; --line:#d8dee4; --link:#0969da; }
* { box-sizing:border-box; }
body { margin:0; padding:0; color:var(--fg); background:#fff;
       font:16px/1.75 -apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:48px 20px 80px; }
header h1 { margin:0 0 4px; font-size:26px; letter-spacing:.5px; }
header p { margin:0 0 28px; color:var(--muted); font-size:14px; }
nav { border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:32px; font-size:14px; }
nav a { margin-right:20px; }
h2 { font-size:17px; margin:36px 0 12px; }
a { color:var(--link); text-decoration:none; }
a:hover { text-decoration:underline; }
ul { padding-left:20px; margin:0; }
li { margin:8px 0; }
code { background:#f6f8fa; border:1px solid var(--line); border-radius:4px; padding:1px 5px;
       font-size:14px; font-family:ui-monospace,Consolas,monospace; }
.date { color:var(--muted); font-size:13px; margin:-6px 0 10px; }
footer { margin-top:56px; padding-top:16px; border-top:1px solid var(--line);
         color:var(--muted); font-size:13px; }