:root{--tint:#0A7280;--bg:#F2F2F7;--card:#FFFFFF;--label:#000;--label2:rgb(60 60 67 / .76);--sep:rgb(60 60 67 / .29)}
@media (prefers-color-scheme:dark){:root{--tint:#5FD3E0;--bg:#000;--card:#1C1C1E;--label:#FFF;--label2:rgb(235 235 245 / .64);--sep:rgb(84 84 88 / .65)}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--label);font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:760px;margin:0 auto;padding:48px 20px 80px}
header{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.icon{width:56px;height:56px;border-radius:14px;background:var(--tint);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}
h1{font-size:34px;line-height:1.15;margin:0}
h2{font-size:22px;margin:36px 0 8px}
h3{font-size:17px;margin:20px 0 4px}
p,li{color:var(--label)}
.muted{color:var(--label2);font-size:15px}
.card{background:var(--card);border-radius:14px;padding:4px 20px;margin:16px 0}
.card p{margin:14px 0}
a{color:var(--tint)}
nav{display:flex;gap:16px;margin:12px 0 28px;font-size:15px}
.lang{border-top:.5px solid var(--sep);margin-top:48px;padding-top:8px}
code{font:15px ui-monospace,"SF Mono",Menlo,monospace}