/* SMART X — правовые страницы (политика конфиденциальности).
   Документ читают с телефона и вдумчиво, поэтому строка узкая, кегль
   крупнее обычного, а межстрочный просторнее — как в длинных статьях. */

.legal-page { padding-bottom: var(--space-section); }

.legal-head {
  max-width: 62ch;
  margin: 8px 0 var(--space-head);
}
.legal-head h1 {
  font-size: clamp(28px, 4.4vw, 42px);
  letter-spacing: var(--track-display);
  margin: 10px 0 12px;
}
.legal-updated {
  color: var(--text-faint);
  font-size: 13.5px;
}

.legal-body {
  max-width: 68ch;
  color: var(--text-dim);
  font-size: 16px;
  line-height: 1.75;
}
.legal-body section + section { margin-top: 34px; }
.legal-body h2 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: var(--track-tight);
  color: var(--text);
  margin-bottom: 12px;
}
.legal-body p + p { margin-top: 12px; }
.legal-body b { color: var(--text); font-weight: 600; }
.legal-body a {
  color: var(--accent-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Списки с фирменной зелёной точкой вместо стандартного маркера.
   padding-left: 0 обязателен: без него остаётся браузерный отступ 40px,
   и пункты списка уезжали вправо от абзацев на ширину спичечного коробка. */
.legal-body ul {
  list-style: none;
  margin-top: 12px;
  padding-left: 0;
  display: grid;
  gap: 9px;
}
.legal-body li {
  position: relative;
  padding-left: 20px;
}
.legal-body li::before {
  content: '';
  position: absolute;
  left: 2px; top: 0.72em;
  width: 6px; height: 6px;
  border-radius: 999px;
  background: var(--accent);
}

/* Реквизиты оператора — компактным блоком, без «воздуха» между строками */
.legal-req { gap: 4px; }

.legal-cta { margin-top: 18px; }

@media (max-width: 620px) {
  .legal-body { font-size: 15.5px; }
  .legal-body h2 { font-size: 17.5px; }
  .legal-body section + section { margin-top: 28px; }
}