:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 48px 24px 96px;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #16181d; background: #fbfbfa;
}
main { max-width: 720px; margin: 0 auto; }
h1 { font-size: 30px; line-height: 1.2; margin: 0 0 6px; letter-spacing: -0.01em; }
h2 { font-size: 19px; margin: 34px 0 10px; }
.upd { color: #6b7280; font-size: 14px; margin: 0 0 34px; }
.lang { color: #6b7280; font-size: 13px; text-transform: uppercase;
        letter-spacing: .08em; margin: 44px 0 0; padding-top: 28px;
        border-top: 1px solid #e5e7eb; }
a { color: #2563eb; }
nav { margin-bottom: 30px; font-size: 14px; }
nav a { margin-right: 18px; }
@media (prefers-color-scheme: dark) {
  body { color: #e7e9ee; background: #121317; }
  .lang { border-color: #2a2d35; }
  a { color: #7aa7f5; }
}