:root { color-scheme: dark; }
body {
  background: #10161a;
  color: #e6ebe7;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0 auto;
  max-width: 44rem;
  padding: 3rem 1.25rem 5rem;
}
h1 { font-size: 1.9rem; line-height: 1.2; margin-bottom: .25rem; }
h2 { font-size: 1.15rem; margin-top: 2.25rem; color: #c9f5f3; }
a { color: #52ecf8; }
.meta { color: #8b9ba1; font-size: .9rem; margin-top: 0; }
.card {
  background: #172027;
  border: 1px solid #24313a;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}
ul { padding-left: 1.2rem; }
li { margin: .35rem 0; }
code { background: #172027; padding: .1rem .35rem; border-radius: 4px; }
footer { margin-top: 3.5rem; color: #8b9ba1; font-size: .9rem; border-top: 1px solid #24313a; padding-top: 1rem; }