/* Страницы документов: политика, согласие, правовая информация. Цвета и шрифты - как на главной (index.html) */
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/onest-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/onest-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(fonts/unbounded-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(fonts/unbounded-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: dark;
  --text: #EEF2F8;
  --muted: #9AA5B8;
  --bg: #0B1120;
  --line: rgba(255, 255, 255, .12);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 17px; line-height: 1.6; color: var(--text); background: var(--bg);
}
a { color: var(--text); }

.doc-top {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px max(16px, calc((100% - 720px) / 2)); border-bottom: 1px solid var(--line);
}
.logo { color: #fff; font-family: "Unbounded", Arial, sans-serif; font-weight: 800; font-size: 15px; letter-spacing: .02em; line-height: 1.1; text-transform: uppercase; text-decoration: none; }
.logo small { display: block; font-family: "Onest", Arial, sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .08em; color: rgba(255, 255, 255, .7); }
.back { color: var(--muted); font-size: 15px; text-decoration: none; white-space: nowrap; }
.back:hover { color: var(--text); }

.doc { max-width: 720px; margin: 0 auto; padding: 32px 16px 40px; }
.doc h1 { margin: 0 0 8px; font-family: "Unbounded", Arial, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.2; }
.doc h2 { margin: 32px 0 12px; font-family: "Unbounded", Arial, sans-serif; font-weight: 600; font-size: 18px; line-height: 1.3; }
.doc .ed { margin: 0 0 24px; font-size: 15px; color: var(--muted); }
.doc p { margin: 0 0 10px; }
.doc ul { margin: 0 0 12px; padding-left: 22px; }
.doc li { margin: 0 0 6px; }

/* Заглушки: всё жёлтое - заполнить и потом убрать класс */
.todo { background: #FFF1A8; color: #14213D; padding: 0 3px; border-radius: 3px; }

.doc-foot { max-width: 720px; margin: 0 auto; padding: 24px 16px 40px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.doc-foot p { margin: 0 0 8px; }

@media (min-width: 768px) {
  .doc { padding-top: 48px; }
  .doc h1 { font-size: 32px; }
}