/*
 * Оформление отдельных страниц: политика приватности и условия использования.
 *
 * Они живут вне приложения намеренно — их читают в том числе тогда, когда
 * бандл не загрузился или заблокирован. Поэтому здесь нет ни переменных из
 * основной таблицы, ни шрифтов со стороны: файл самодостаточен, а палитра
 * повторена значениями. Расходиться им некуда: страниц две, и обе берут
 * стиль отсюда.
 */

:root {
  /* Обе темы объявлены явно, иначе полосы прокрутки и системные поля
     остаются светлыми на тёмной странице. */
  color-scheme: light dark;
  --bg: #0a0b14;
  --surface: #141727;
  --ink: #e8ebf7;
  --muted: #929bc0;
  --accent: #7f8cff;
  --line: #262c47;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f4f2ea;
    --surface: #fffdf7;
    --ink: #1a1c28;
    --muted: #565e7d;
    --accent: #4b52d4;
    --line: #d6dae9;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 2.5rem 1.25rem 4rem;
  background: var(--bg);
  color: var(--ink);
  font: 16px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

main { max-width: 42rem; margin: 0 auto; }

header { margin-bottom: 2.5rem; }

.lockup { display: flex; gap: 0.7rem; align-items: center; }
.lockup img { width: 42px; height: 42px; }
.lockup a { color: inherit; text-decoration: none; }

h1 { margin: 1.6rem 0 0.3rem; font-size: 1.9rem; line-height: 1.15; }
h2 {
  margin: 2.4rem 0 0.6rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--line);
  font-size: 1.15rem;
}
h3 { margin: 1.6rem 0 0.4rem; font-size: 1rem; }

p, li { color: var(--ink); }
ul { padding-left: 1.2rem; }
li { margin: 0.35rem 0; }

a { color: var(--accent); }

.updated, .switch { color: var(--muted); font-size: 0.9rem; }
.switch { margin-top: 0.4rem; }

.lead {
  margin: 1.2rem 0 0;
  padding: 1rem 1.15rem;
  border-left: 3px solid var(--accent);
  border-radius: 0 10px 10px 0;
  background: var(--surface);
}

.quiet { color: var(--muted); }

section[lang="ru"] { margin-top: 4rem; }