:root { color-scheme: light dark; }
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  max-width:760px;margin:0 auto;padding:40px 22px 80px;line-height:1.6;color:#1a1a1a;background:#fff}
@media (prefers-color-scheme: dark){body{background:#0b0f14;color:#e6eef5}}
h1{font-size:28px;margin-bottom:4px}
h2{font-size:18px;margin-top:32px}
h3{font-size:16px;margin-top:24px;margin-bottom:4px}
.muted{color:#6b7785;font-size:14px}
a{color:#1183c6}
.card{border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:16px 20px;margin-top:16px}
ul{padding-left:20px}
li{margin:4px 0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:rgba(127,127,127,.14);padding:1px 5px;border-radius:4px}
footer{margin-top:48px;border-top:1px solid rgba(127,127,127,.25);padding-top:16px;
  color:#6b7785;font-size:13px}
nav a{margin-right:16px}