:root {
  color-scheme: light dark;
}

body {
  margin: 0;
  padding: 48px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

main {
  max-width: 760px;
  margin: 0 auto;
}

nav {
  margin: 10px 0 26px 0;
}

nav a {
  margin-right: 14px;
}

h1 {
  margin: 0 0 6px 0;
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

p.lead {
  margin: 0;
  font-size: 18px;
  opacity: 0.85;
}

h2 {
  margin: 28px 0 8px 0;
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

h3 {
  margin: 18px 0 6px 0;
  font-size: 18px;
  line-height: 1.25;
}

ul {
  margin: 8px 0 12px 22px;
  padding: 0;
}

li {
  margin: 6px 0;
}

.footer {
  margin-top: 34px;
  font-size: 14px;
  opacity: 0.8;
}

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95em;
}
:root {
  color-scheme: light dark;
}

body {
  margin: 0;
  padding: 48px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

main {
  max-width: 760px;
  margin: 0 auto;
}

nav {
  margin: 10px 0 26px 0;
}

nav a {
  margin-right: 14px;
}

h1 {
  margin: 0 0 6px 0;
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

p.lead {
  margin: 0;
  font-size: 18px;
  opacity: 0.85;
}

h2 {
  margin: 28px 0 8px 0;
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

h3 {
  margin: 18px 0 6px 0;
  font-size: 18px;
  line-height: 1.25;
}

ul {
  margin: 8px 0 12px 22px;
  padding: 0;
}

li {
  margin: 6px 0;
}

.footer {
  margin-top: 34px;
  font-size: 14px;
  opacity: 0.8;
}

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95em;
}