/*
  Оформление правовых страниц.

  Отдельный файл, а не общий с главной: здесь нужна не витрина, а
  читаемость. Никакой анимации, узкая колонка, крупный межстрочный
  интервал. Эти тексты читают внимательно и обычно один раз в жизни -
  мешать им нельзя.
*/
:root {
  --fon: #0b1017; --karta: #121a24; --linia: #22303f;
  --tekst: #dbe7f0; --tih: #94a9b8; --acc: #35e0c8;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--fon); color: var(--tekst);
  font: 16px/1.75 -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.shapka-doc {
  border-bottom: 1px solid var(--linia); padding: 16px 24px;
  display: flex; align-items: center; gap: 12px;
}
.shapka-doc a { color: var(--tekst); text-decoration: none; display: flex; align-items: center; gap: 10px; }
.shapka-doc svg { width: 26px; height: 26px; }
.shapka-doc b { font-weight: 600; font-size: 16px; }
.shapka-doc .nazad { margin-left: auto; color: var(--acc); font-size: 14px; }

main { max-width: 760px; margin: 0 auto; padding: 40px 24px 80px; }
h1 { font-size: clamp(24px, 3.4vw, 32px); line-height: 1.2; margin: 0 0 8px; letter-spacing: -.02em; }
.data { color: var(--tih); font-size: 13.5px; margin: 0 0 32px; }
h2 { font-size: 19px; margin: 36px 0 12px; letter-spacing: -.01em; }
h3 { font-size: 16px; margin: 24px 0 8px; }
p, li { color: var(--tekst); }
ul, ol { padding-left: 22px; margin: 12px 0; }
li { margin: 7px 0; }
a { color: var(--acc); }

/* Место, куда владелец подставит свои данные. Видно сразу и издалека:
   документ с забытой подстановкой хуже, чем его отсутствие. */
.zapolnit {
  background: rgba(240, 182, 74, .14); color: #f0b64a;
  padding: 1px 7px; border-radius: 4px; font-size: .95em;
  border: 1px dashed rgba(240, 182, 74, .5);
}

.vazhno {
  border-left: 3px solid var(--acc); background: var(--karta);
  padding: 14px 18px; margin: 20px 0; border-radius: 0 8px 8px 0;
}
.vazhno b { color: var(--acc); }

table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14.5px; }
th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--linia); vertical-align: top; }
th { color: var(--tih); font-weight: 500; }

.podval-doc {
  border-top: 1px solid var(--linia); padding: 28px 24px 48px;
  color: var(--tih); font-size: 13.5px; text-align: center;
}
.podval-doc a { margin: 0 8px; }