/* ==========================================================================
   Simple2FA — страница правового документа (лицензионное соглашение).
   Шрифты, база и палитра приходят из style.css и shared.css, здесь только
   типографика длинного текста: узкая колонка, нумерованные разделы.
   ========================================================================== */

.legal { padding: 56px 0 72px; }

/* Колонка уже общей: сплошной текст на 1348px не читается */
.legal__inner { max-width: 860px; }

.legal__title { font-size: clamp(28px, 3.4vw, 40px); font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }

.legal__revision { margin-top: 12px; color: var(--text-2); font-size: 15px; }

.legal h2 {
  margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--border);
  font-size: 20px; font-weight: 600; line-height: 1.35; scroll-margin-top: 88px;
}

.legal p { margin-top: 14px; font-size: 16px; line-height: 1.65; color: var(--text); }

/* Первый абзац раздела прижат к заголовку плотнее прочих */
.legal h2 + p { margin-top: 16px; }

.legal em { color: var(--text-2); font-style: normal; }

@media (max-width: 768px) {
  .legal { padding: 40px 0 56px; }
  .legal h2 { margin-top: 36px; padding-top: 20px; font-size: 18px; }
  .legal p { font-size: 15px; }
}

/* Ссылка «Назад» над заголовком. Не кнопка, а строка со стрелкой —
   как «К началу» в документации */
.legal__back {
  display: inline-flex; align-items: center; gap: 8px;
  margin-bottom: 20px; font-size: 15px; color: var(--text-2); text-decoration: none;
}
.legal__back:hover { color: var(--accent); }
.legal__back svg { flex: 0 0 16px; }