/* legal.css — политика конфиденциальности и оферта.
   Подключается только этими двумя страницами. Своих токенов не заводит —
   всё берёт из style.css (цвета, отступы, радиусы, шрифты), чтобы страницы
   выглядели частью того же сайта. Здесь только разметка длинного текста. */

.legal-doc {
  padding: var(--sp-7) 0 var(--sp-9);
}

.legal-doc .updated {
  margin: var(--sp-2) 0 0;
  color: var(--muted);
  font-size: var(--fs-sm);
}

.legal-summary {
  margin: var(--sp-6) 0 0;
}

.legal-summary p {
  margin: 0;
  font-size: var(--fs-lg);
}

/* Заглушка реквизитов — заметный блок, который владелец обязан заполнить
   до включения приёма оплаты. Цвет — тот же «внимание», что и у баннера
   SmartScreen на главной странице. */
.legal-placeholder {
  margin: var(--sp-6) 0 0;
  border: 1px dashed var(--warn-text);
  background: var(--warn-bg);
  color: var(--warn-text);
}

.legal-placeholder p {
  margin: 0 0 var(--sp-2);
}

.legal-placeholder p:last-child {
  margin-bottom: 0;
}

.legal-doc section {
  margin-top: var(--sp-8);
  padding-top: var(--sp-8);
  border-top: 1px solid var(--line);
}

.legal-doc h2 {
  font-size: var(--fs-xl);
  margin-bottom: var(--sp-4);
}

.legal-doc h3 {
  margin: var(--sp-5) 0 var(--sp-2);
}

.legal-doc li {
  margin-bottom: var(--sp-2);
}

.legal-doc li:last-child {
  margin-bottom: 0;
}

.legal-doc .muted-note {
  color: var(--muted);
  font-size: var(--fs-sm);
}

@media (max-width: 560px) {
  .legal-doc { padding: var(--sp-6) 0 var(--sp-8); }
  .legal-doc section { margin-top: var(--sp-7); padding-top: var(--sp-7); }
}