:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #23282d;
  background: #fbfbfa;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 20px 64px; }
header { border-bottom: 1px solid #e6e4e0; padding-bottom: 18px; margin-bottom: 28px; }
h1 { font-size: 22px; margin: 0 0 6px; font-weight: 600; letter-spacing: -0.01em; }
h2 { font-size: 17px; margin: 32px 0 10px; font-weight: 600; }
.sub { margin: 0; color: #6d7178; font-size: 14px; }
p { margin: 0 0 14px; }
ul { padding-left: 20px; margin: 0 0 14px; }
li { margin-bottom: 6px; }
a { color: #2c5aa0; }
footer { margin-top: 44px; padding-top: 16px; border-top: 1px solid #e6e4e0; color: #8b8f96; font-size: 13px; }
@media (prefers-color-scheme: dark) {
  body { color: #d8d6d2; background: #17181a; }
  header, footer { border-color: #2c2e31; }
  .sub, footer { color: #8b8f96; }
  a { color: #7aa5e0; }
}