/* =========================================================================
   legal.css — страницы документов (/privacy, /terms).
   Подключается ПОСЛЕ /landing/styles.css (оттуда :root-токены, reset,
   .legal-footer и ambient-слой). Выделено из styles.css в Phase 33,
   когда общий файл перестал помещаться в пофайловый весовой бюджет.
   ========================================================================= */

/* =========================================================================
   Legal pages (/privacy, /terms) — Phase 20 (LEGALWEB-04, EPIC-30)
   Source of truth: .planning/phases/20-legal-web-pages-epic-30/20-UI-SPEC.md
   D-01: flat, non-animated background — readability over branding for
   long-form legal text. No linear-gradient/gradientShift, no .blur-circle.
   ========================================================================= */

/* 12. Legal page — тот же анимированный фон, что и на лендинге (D-01 пересмотрен:
   фон общий для всех страниц), но зафиксированный к вьюпорту, чтобы длинный
   текст скроллился поверх спокойного слоя. */
body.legal-page {
  background-attachment: fixed;
  /* 261002-lon: базовый body теперь сам даёт overflow-y: auto — повтор здесь
     безвредный (не встречное переопределение), держится рядом с
     background-attachment: fixed для читаемости правила этого семейства. */
  overflow-x: hidden;
  overflow-y: auto;
}

/* 13. Legal document — bounded content column (mirrors invite.css max-width: 720px) */
.legal-doc {
  /* Сброс hero-центрирования main (правило 7): документ сверху, по левому краю (D-01). */
  display: block;
  align-items: initial;
  justify-content: initial;
  min-height: auto;
  flex: 0 0 auto; /* не растягивать карточку как flex-item */
  text-align: left;
  max-width: 720px;
  margin: var(--space-3xl) auto;
  padding: var(--space-2xl) var(--space-xl);
  /* Surface-карточка: колонка читается как отдельный документ (Color-контракт). */
  background: var(--color-surface);
  border-radius: 8px;
}

/* 14. Legal typography scale */
.legal-doc h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  /* Сброс hero-трекинга letter-spacing:3px из глобального h1 (D-01). */
  letter-spacing: normal;
}

.legal-meta {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-secondary);
}

.legal-body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text);
}

.legal-body h2,
.legal-body h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

/* 15. Legal links — accent color reserved for interactive elements only.
   `.legal-footer a` живёт в базовом styles.css: футер общий для всех семейств
   страниц, а legal.css грузят только /privacy и /terms. */
.legal-body a {
  color: var(--color-accent);
}