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

:root {
  --background: #000000;
  --surface: #141416;
  --text: #ffffff;
  --text-secondary: #7b837e;
  --divider: #373b38;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 20px 80px;
  background: var(--background);
  color: var(--text);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}

main { max-width: 720px; margin: 0 auto; }

header {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 0 8px;
}

header a.home {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 15px;
}

h1 { font-size: 28px; line-height: 1.25; margin: 24px 0 8px; }
h2 { font-size: 20px; margin: 36px 0 8px; }

.updated { color: var(--text-secondary); font-size: 14px; margin: 0 0 8px; }

p, li { color: #e8eae9; }

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

ul { padding-left: 22px; }
li { margin: 6px 0; }

/* Врезка для главного: что видно другим, кому уходят данные, как пожаловаться. */
.callout {
  background: var(--surface);
  border: 1px solid var(--divider);
  border-radius: 14px;
  padding: 16px 18px;
  margin: 20px 0;
}

.callout p:last-child { margin-bottom: 0; }
.callout p:first-child { margin-top: 0; }

footer {
  max-width: 720px;
  margin: 56px auto 0;
  padding-top: 20px;
  border-top: 1px solid var(--divider);
  color: var(--text-secondary);
  font-size: 14px;
}

footer a { color: var(--text-secondary); }

/* Список документов на главной. */
.docs { list-style: none; padding: 0; }
.docs li { margin: 14px 0; }
.docs a { font-size: 19px; text-decoration: none; border-bottom: 1px solid var(--divider); }