:root { color-scheme: dark light; }
body { background:#0b0d10; color:#e6e9ef; margin:0;
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; }
main { max-width:46rem; margin:0 auto; padding:2.5rem 1.25rem 5rem; }
h1 { font-size:1.75rem; line-height:1.25; margin:0 0 .5rem; }
h2 { font-size:1.2rem; margin:2.25rem 0 .6rem; }
h3 { font-size:1rem; margin:1.75rem 0 .4rem; }
p, li { color:#d4d9e2; }
a { color:#e08a68; }
code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.88em;
  background:#171b21; border:1px solid #242a33; border-radius:4px; padding:.08em .35em; }
pre { background:#12151a; border:1px solid #242a33; border-radius:8px;
  padding:.9rem 1rem; overflow-x:auto; }
pre code { background:none; border:0; padding:0; font-size:.85rem; line-height:1.5; }
blockquote { border-left:3px solid #2e3038; margin:1rem 0; padding:.1rem 0 .1rem .9rem; color:#8b95a5; }
hr { border:0; border-top:1px solid #242a33; margin:2rem 0; }
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:.9rem; display:block; overflow-x:auto; }
th, td { border:1px solid #242a33; padding:.45rem .6rem; text-align:left; vertical-align:top; }
th { background:#171b21; }
em { color:#8b95a5; font-style:normal; }
@media (prefers-color-scheme: light) {
  body { background:#fff; color:#1a1d23; } p, li { color:#2b313b; } a { color:#b4542e; }
  code { background:#f3f4f6; border-color:#e3e5e9; }
  pre { background:#f7f8fa; border-color:#e3e5e9; }
  th { background:#f3f4f6; } th, td { border-color:#e3e5e9; }
  blockquote { border-left-color:#d8dade; color:#5d646f; } hr { border-top-color:#e3e5e9; }
}