/* Правовые страницы: /privacy и /oferta.
   Палитра — та же, что на сайте (индиго + золото), но без космоса и
   анимаций: это документы, их читают, а не разглядывают. Приоритет —
   читаемость длинного текста с телефона. */

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: #0f0f1a;
  color: #ded4c4;
  line-height: 1.7;
  font-size: 16px;
  padding: 0 20px 80px;
  -webkit-text-size-adjust: 100%;
}

.wrap { max-width: 760px; margin: 0 auto; }

.back {
  display: inline-block;
  margin: 28px 0 8px;
  color: #9b8ea0;
  text-decoration: none;
  font-size: 14px;
  padding: 6px 0;
}
.back:hover { color: #d4a853; }

.doc {
  background: #16162a;
  border: 1px solid #2d2d4e;
  border-radius: 16px;
  padding: 40px 36px;
}

h1 {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
  color: #f0e6d3;
  margin-bottom: 6px;
}

/* Подзаголовок документа («сайта lila.kz», «Редакция от …») — pandoc
   отдаёт их обычными параграфами сразу после h1. */
h1 + p, h1 + p + p {
  color: #9b8ea0;
  font-size: 15px;
  margin-bottom: 4px;
}

h2 {
  font-size: 19px;
  font-weight: 700;
  color: #d4a853;
  margin: 38px 0 12px;
  padding-top: 20px;
  border-top: 1px solid #24243f;
  line-height: 1.35;
}

h3 {
  font-size: 16px;
  font-weight: 600;
  color: #f0e6d3;
  margin: 24px 0 8px;
}

p { margin: 0 0 12px; }

strong { color: #f0e6d3; font-weight: 600; }

ul, ol { margin: 0 0 14px; padding-left: 24px; }
li { margin-bottom: 7px; }
li::marker { color: #8a7fa0; }

a { color: #d4a853; }

/* Выделенные предупреждения (в Word — цитаты). Это самые важные абзацы
   для игрока: что не рассказывать Проводнику и что диалоги не хранятся. */
blockquote {
  margin: 18px 0;
  padding: 16px 18px;
  background: #1c1c33;
  border-left: 3px solid #d4a853;
  border-radius: 0 10px 10px 0;
  color: #cfc4b4;
  font-size: 15px;
}
blockquote p:last-child { margin-bottom: 0; }
blockquote em { font-style: normal; }

/* Реквизиты в конце документов Word тоже оформлены цитатой —
   там каждая строка отдельным абзацем, поджимаем интервал. */
blockquote p { margin-bottom: 4px; }

.tw { overflow-x: auto; margin: 0 0 18px; -webkit-overflow-scrolling: touch; }

table {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
  font-size: 14px;
}
th, td {
  border: 1px solid #2d2d4e;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
th { background: #1f1f38; color: #f0e6d3; font-weight: 600; }
td { color: #cfc4b4; }

.doc-nav {
  margin-top: 26px;
  text-align: center;
  font-size: 14px;
  color: #6f6685;
}
.doc-nav a { color: #9b8ea0; text-decoration: none; }
.doc-nav a:hover { color: #d4a853; }
.doc-nav .sep { margin: 0 10px; }

@media (max-width: 600px) {
  body { font-size: 15px; padding: 0 14px 60px; }
  .doc { padding: 26px 20px; border-radius: 14px; }
  h1 { font-size: 22px; }
  h2 { font-size: 17px; margin-top: 30px; }
}

/* Печать / сохранение в PDF: документ должен быть читаемым на бумаге. */
@media print {
  body { background: #fff; color: #000; padding: 0; }
  .doc { background: #fff; border: 0; padding: 0; }
  .back, .doc-nav { display: none; }
  h1, h2, h3, strong { color: #000; }
  h2 { border-top: 1px solid #ccc; }
  blockquote { background: #f4f4f4; color: #000; border-left-color: #888; }
  th { background: #eee; color: #000; }
  td { color: #000; }
  table { min-width: 0; }
  a { color: #000; }
}