:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #0b0b10; color: #ececf3;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; }
nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 24px; }
nav a { color: #b48cff; }
.langs { display: flex; gap: 4px; }
.langs button {
  font: inherit; font-size: 13px; font-weight: 600; color: #c9c3d9; background: transparent;
  border: 1px solid #4a3d66; border-radius: 6px; padding: 4px 10px; cursor: pointer;
}
.langs button.active { background: #fff; color: #000; border-color: #fff; }
h1 { font-size: 28px; margin: 0 0 16px; }
h2 { font-size: 18px; margin: 28px 0 8px; }
p, li { color: #d6d3e0; }
a { color: #b48cff; }
.missing { color: #fbbf24; }
[data-lang-block] { display: none; }
[data-lang-block].shown { display: block; }