:root{--bg:#fff;--ink:#1d1d1f;--ink2:#3a3a3c;--mute:#8e8e93;--faint:#aeaeb2;--line:#e5e5ea;--card:#f2f2f4}
@media(prefers-color-scheme:dark){:root{--bg:#000;--ink:#f5f5f7;--ink2:#d1d1d6;--mute:#8e8e93;--faint:#636366;--line:#2c2c2e;--card:#1c1c1e}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink2);font:16px/1.7 -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:720px;margin:0 auto;padding:56px 24px 96px}
nav{display:flex;gap:20px;align-items:center;font-size:14px;margin-bottom:56px}
nav a{color:var(--mute);text-decoration:none}nav a:hover{color:var(--ink)}
nav .brand{color:var(--ink);font-weight:600;margin-right:auto;display:flex;align-items:center;gap:8px}
.dots{display:inline-flex}.dots i{width:9px;height:9px;border-radius:50%;margin-left:-2px;border:1.5px solid var(--bg)}
h1{font-size:34px;line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-weight:600}
h1 .faint{color:var(--faint)}
h2{font-size:20px;color:var(--ink);margin:44px 0 8px;letter-spacing:-.01em}
h3{font-size:16px;color:var(--ink);margin:24px 0 4px}
p,li{margin:8px 0}ul{padding-left:22px}
a{color:var(--ink)}
.lead{font-size:19px;color:var(--mute);margin:0 0 32px}
.card{background:var(--card);border-radius:16px;padding:20px 22px;margin:20px 0}
.meta{color:var(--mute);font-size:14px}
.row{display:flex;gap:10px;align-items:flex-start;margin:12px 0}
.row .d{flex:none;width:9px;height:9px;border-radius:50%;margin-top:10px}
hr{border:0;border-top:1px solid var(--line);margin:48px 0}
footer{margin-top:64px;color:var(--mute);font-size:13px}footer a{color:var(--mute)}
.lang{color:var(--mute);font-size:14px}
code{background:var(--card);padding:1px 6px;border-radius:6px;font-size:.92em}