:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #0B0C0E; color: #F3F4F6;
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 680px; margin: 0 auto; padding: 56px 24px 96px; }
h1 { font-size: 32px; line-height: 1.2; letter-spacing: -.02em; margin: 0 0 8px; }
h2 { font-size: 20px; line-height: 1.3; margin: 40px 0 8px; }
p, li { color: #C9CDD4; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
a { color: #8FA8FF; }
.meta { color: #858B95; font-size: 14px; margin: 0 0 32px; }
nav { margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 14px; }
nav a { margin-right: 18px; }
pre { background: #15171B; color: #F3F4F6; padding: 14px 16px; border-radius: 10px; overflow-x: auto; font-size: 15px; }
button { font: inherit; padding: 10px 16px; border-radius: 10px; border: 0; background: #8FA8FF; color: #0B0C0E; cursor: pointer; }