:root { --page: #f2f4f8; --card: #ffffff; --ink: #121a33; --muted: #6b7489; --line: #e3e7ef; --blue: #1f4fff; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --page: #0d1120; --card: #161c30; --ink: #eef1f8; --muted: #9aa3b8; --line: #283049; --blue: #6b8fff; color-scheme: dark; }
}
:root[data-theme="dark"] { --page: #0d1120; --card: #161c30; --ink: #eef1f8; --muted: #9aa3b8; --line: #283049; --blue: #6b8fff; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--page); color: var(--ink); font: 16px/1.6 "Golos Text", system-ui, sans-serif; }
.doc { max-width: 760px; margin: 24px auto 48px; padding: 24px 20px; background: var(--card); border: 1px solid var(--line); border-radius: 20px; }
@media (max-width: 800px) { .doc { margin: 0; border-radius: 0; border: 0; padding: 20px 16px 40px; } }
h1 { font-size: 1.6rem; line-height: 1.2; margin: .6rem 0 .2rem; }
h2 { font-size: 1.1rem; margin: 1.6rem 0 .4rem; }
p, li { margin: .4rem 0; }
ul { padding-left: 1.2rem; }
a { color: var(--blue); }
.muted { color: var(--muted); font-size: .9rem; }
.back { text-decoration: none; font-weight: 600; }
.req { background: var(--page); border-radius: 14px; padding: .6rem 1rem; }
.req p { margin: .2rem 0; }