body { margin:0; background:#0b0b0d; color:#e8e8ec; font:16px/1.65 Inter, Arial, sans-serif; }
main { max-width:720px; margin:0 auto; padding:28px 20px 60px; }
h1 { font-size:26px; margin:0 0 6px; }
h2 { font-size:18px; margin:28px 0 8px; }
p, li { color:#c9c9d1; }
a { color:#2F7BFF; }
.back { display:inline-block; margin-bottom:18px; }
.note { padding:12px 14px; border:1px solid #3a3a44; border-radius:8px; font-size:14px; }
@media (prefers-color-scheme: light) {
  body { background:#fff; color:#15151a; } p, li { color:#33333c; } .note { border-color:#d5d5dd; }
}

html:not([data-lang="ru"]) .ru { display:none; }
html[data-lang="ru"] .en { display:none; }
.langbar { display:flex; gap:8px; justify-content:flex-end; margin-bottom:6px; }
.langbar button { background:transparent; border:1px solid #3a3a44; color:inherit; border-radius:8px; padding:4px 12px; font:600 12px Inter, Arial, sans-serif; cursor:pointer; }
html:not([data-lang="ru"]) .langbar [data-l="en"], html[data-lang="ru"] .langbar [data-l="ru"] { border-color:#2F7BFF; color:#2F7BFF; }