:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #0b0d10;
  color: #d9dde3;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 24px; }
header { padding-top: 28px; display: flex; gap: 20px; align-items: baseline; }
header a.brand { color: #fff; font-weight: 700; font-size: 20px; text-decoration: none; }
header nav a { color: #9aa3ad; margin-right: 16px; text-decoration: none; font-size: 15px; }
header nav a:hover { color: #fff; }
main { padding-top: 40px; padding-bottom: 64px; }
h1 { color: #fff; font-size: 38px; line-height: 1.15; margin: 0 0 8px; letter-spacing: -0.02em; }
h2 { color: #fff; font-size: 20px; margin: 36px 0 8px; }
.updated { color: #8a939d; font-size: 14px; margin: 0 0 28px; }
a { color: #7fb2ff; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
strong { color: #fff; font-weight: 600; }
footer { border-top: 1px solid #1d2229; padding-top: 20px; padding-bottom: 40px; color: #8a939d; font-size: 14px; }
footer a { color: #9aa3ad; margin-right: 16px; }