/* Юридические страницы: условия, возврат, конфиденциальность.
   Каркас, шапка и карточки берутся из pay.css — эти страницы должны читаться
   как часть меню, а не как чужая вставка. Здесь только типографика прозы:
   на странице оплаты длинного текста нет, а тут он основной. */

/* .pay-main — это grid с gap под карточки заказа. Для сплошного текста нужен
   обычный поток, иначе каждый абзац получает лишние 16px. */
.legal-main { display: block; }

.legal-lead {
  margin: 0 0 24px;
  color: var(--text-secondary);
  font-size: var(--font-body);
  line-height: 22px;
}

.legal-main h2 {
  margin: 28px 0 10px;
  font-size: var(--font-heading);
  line-height: var(--lh-heading);
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
}

.legal-main p,
.legal-main li {
  color: var(--text-secondary);
  font-size: var(--font-body);
  line-height: 22px;
}

.legal-main p  { margin: 0 0 12px; }
.legal-main ol,
.legal-main ul { margin: 0 0 12px; padding-left: 20px; }
.legal-main li { margin: 6px 0; }
.legal-main a  { color: var(--accent); text-decoration: none; }
.legal-main b  { color: var(--text-primary); font-weight: var(--fw-semibold); }

/* Реквизиты и контакты — та же сетка dl, что в блоке банка на pay.html. */
.legal-card { margin: 16px 0 0; }

.legal-updated {
  margin: 32px 0 0;
  color: var(--text-muted);
  font-size: var(--font-caption);
  line-height: var(--lh-caption);
}