/* Правовые страницы: соглашение, политика конфиденциальности, «Мои данные».

   Зона отдельная, потому что читают её иначе, чем рабочие экраны: не глазами
   по таблице, а строками подряд. Отсюда узкая колонка, крупнее строка и
   спокойная нумерация разделов. */

.pravo {
  /* Колонка уже рабочей (1156): длинная строка юридического текста читается
     тяжело, и мера в 70–75 знаков здесь важнее ширины экрана. */
  max-width: 820px;
  font-size: 15px;
  line-height: 1.62;
}

.pravo-shapka { padding: 34px 0 6px; }
.pravo-shapka h1 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.02em;
  margin: 0 0 8px;
}
.pravo-data { color: var(--fg-3); font-size: 13px; margin: 0 0 22px; }

/* Выжимка перед юридическим текстом. Она не заменяет документ и говорит об
   этом сама, но человек с одним вопросом находит ответ, не читая всё. */
.pravo-kratko {
  border: 1px solid var(--bd);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-md);
  background: var(--sunken);
  padding: 18px 20px;
  margin: 0 0 30px;
}
.pravo-kratko h2 { font-size: 15px; font-weight: 600; margin: 0 0 10px; }
.pravo-kratko ul { margin: 0; padding-left: 20px; }
.pravo-kratko li { margin: 6px 0; }
.pravo-ogovorka { color: var(--fg-3); font-size: 13px; margin: 12px 0 0; }

.pravo-razdel { margin: 0 0 28px; }
.pravo-razdel h2 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.01em;
  margin: 0 0 12px;
  padding-top: 6px;
}
.pravo-razdel p { margin: 0 0 10px; color: var(--fg-1); }

/* Перечни внутри пунктов: буквенная нумерация подпунктов и обычные точки. */
.pravo-spisok { margin: 4px 0 12px; padding-left: 22px; }
.pravo-spisok li { margin: 6px 0; }
.pravo-spisok-galki, .pravo-spisok-tochki { margin: 6px 0 14px; padding-left: 20px; }
.pravo-spisok-galki li, .pravo-spisok-tochki li { margin: 5px 0; }

/* Таблицы получателей и сроков. Обёртка прокручивается вбок сама: на телефоне
   четыре графы не помещаются, а ломать страницу горизонтальной прокруткой
   целиком нельзя. */
.pravo-tabl-obertka { overflow-x: auto; margin: 12px 0 14px; }
.pravo-tabl {
  border-collapse: collapse;
  width: 100%;
  min-width: 560px;
  font-size: 13.5px;
}
.pravo-tabl th {
  text-align: left;
  font-weight: 560;
  color: var(--fg-2);
  background: var(--sunken);
  border-bottom: 1px solid var(--bd-2);
  padding: 9px 10px;
}
.pravo-tabl td {
  border-bottom: 1px solid var(--bd);
  padding: 9px 10px;
  vertical-align: top;
}
.pravo-srok { white-space: nowrap; }
/* Строка о передаче за пределы России помечена спокойной ступенью внимания:
   это то, что человек обязан заметить, читая перечень подрядчиков. */
.pravo-rubezh td:last-child { color: var(--vnimanie); }

.pravo-rekvizity {
  border-top: 1px solid var(--bd);
  padding-top: 18px;
  margin-top: 34px;
}
.pravo-rekvizity h2 { font-size: 16px; font-weight: 600; margin: 0 0 12px; }
.pravo-rekvizity dl, .pravo-fakty {
  display: grid;
  grid-template-columns: minmax(140px, 210px) 1fr;
  gap: 8px 18px;
  margin: 0;
  font-size: 14px;
}
.pravo-rekvizity dt, .pravo-fakty dt { color: var(--fg-3); }
.pravo-rekvizity dd, .pravo-fakty dd { margin: 0; }

/* --- «Мои данные» ------------------------------------------------------ */

.pravo-dannye .alarm { margin: 0 0 22px; }
/* Строка-оговорка идёт СРАЗУ за сеткой фактов, и без отступа она читается
   как ещё одно значение в той же сетке (снимок прода 28.08.2026). */
.pravo-dannye .pravo-fakty + .tech { margin-top: 16px; }
.pravo-schet { list-style: none; margin: 10px 0 0; padding: 0; }
.pravo-schet li {
  border-bottom: 1px solid var(--bd);
  padding: 9px 0;
}
.pravo-schet li:last-child { border-bottom: 0; }
.pravo-schet b { font-variant-numeric: tabular-nums; }

.pravo-forma-udaleniya {
  border: 1px solid var(--bd-2);
  border-radius: var(--r-md);
  padding: 16px 18px;
  margin-top: 16px;
  display: grid;
  gap: 12px;
  justify-items: start;
}
.pravo-galka {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 14px;
  cursor: pointer;
}
.pravo-galka input { margin-top: 3px; }

/* Заверение на форме загрузки. Стоит на экране приёма, а живёт здесь: это
   правовая часть страницы, и место ей рядом с остальными такими же. */
.soglasie {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 4px 0 14px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg-1);
  cursor: pointer;
}
.soglasie input { margin-top: 3px; flex: 0 0 auto; }
.privacy-soglasie a { color: var(--fg-2); }

@media (max-width: 640px) {
  .pravo { font-size: 14.5px; }
  .pravo-shapka h1 { font-size: 25px; }
  .pravo-rekvizity dl, .pravo-fakty { grid-template-columns: 1fr; gap: 2px 0; }
  .pravo-rekvizity dt, .pravo-fakty dt { margin-top: 8px; }
}