:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #141414;
  color: #eee;
}
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100%, 560px); margin: 18vh auto 0; padding: 24px; }
h1 { margin: 0 0 12px; font-size: 32px; font-weight: 600; }
p { margin: 0 0 16px; color: #b4b4b4; font-size: 15px; line-height: 1.6; }
.version { font-size: 13px; color: #929292; }
.downloads { display: flex; gap: 10px; margin: 24px 0; }
.download {
  flex: 1;
  padding: 12px 18px;
  border: 1px solid #505050;
  border-radius: 5px;
  background: #242424;
  color: #eee;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}
.download:hover { background: #333; }
.download:focus-visible { outline: 2px solid #eee; outline-offset: 4px; }
.linux { margin: 24px 0; }
h2 { margin: 0 0 10px; font-size: 16px; font-weight: 500; }
pre { margin: 0 0 12px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.7; }
.help { font-size: 13px; }
code { color: #ddd; }
.note { font-size: 12px; color: #929292; }
@media (max-width: 400px) {
  main { margin-top: 10vh; }
  .downloads { flex-direction: column; }
}