/* Юридические документы: оферта, политика, согласие.
   Длинный текст — поэтому узкая колонка (~72 знака), увеличенный
   межстрочный интервал и спокойная иерархия. Нумерация пунктов — это
   реальная структура документа, на неё ссылаются другие пункты. */
@import url('/static/shared.css');

.doc {
  max-width: 44rem;
  margin: 0 auto;
  padding: 48px 22px 80px;
  color: var(--text);
  font-family: var(--body);
  font-size: 15.5px;
  line-height: 1.68;
}
.doc__back { display: inline-block; margin-bottom: 28px; color: var(--text-muted); font-size: 14px; text-decoration: none; }
.doc__back:hover { color: var(--text); }
.doc h1 { font-family: var(--display); font-size: 28px; line-height: 1.2; margin: 0 0 6px; }
.doc__meta { color: var(--text-muted); font-size: 14px; margin: 0 0 32px; }
.doc h2 { font-family: var(--display); font-size: 18.5px; line-height: 1.35; margin: 38px 0 10px; padding-top: 14px; border-top: 1px solid var(--line); }
.doc p { margin: 0 0 10px; }
.doc p.clause { padding-left: 2.6em; text-indent: -2.6em; }
.doc ul { margin: 4px 0 12px; padding-left: 1.4em; }
.doc li { margin-bottom: 4px; }
.doc a { color: var(--accent); }
.doc .req { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px; margin-top: 12px; font-size: 14.5px; }
.doc .req p { margin: 0 0 4px; }
.doc strong { font-weight: 600; }

@media (max-width: 560px) {
  .doc { font-size: 15px; padding-top: 32px; }
  .doc h1 { font-size: 23px; }
  .doc p.clause { padding-left: 0; text-indent: 0; }
}
@media print {
  .doc { color: #000; max-width: none; }
  .doc h2 { border-color: #999; }
  .doc__back { display: none; }
}