/*
 * VidConf — стили публичной страницы регламента обработки персональных данных.
 * Топбар/оболочка — по образцу `.join-shell`/`.join-topbar` (join.css):
 * страница публичная (открывается до регистрации, без сессии), поэтому не
 * использует `.page-shell`/`ShellTopbar`. Карточка шире, чем `.flow-card`
 * (440px рассчитан на форму, не на читаемый текст документа).
 */

.legal-shell { min-height: 100vh; display: flex; flex-direction: column; background: var(--color-bg); }

.legal-topbar { display: flex; align-items: center; justify-content: space-between; padding: var(--space-5) var(--space-8); }

.legal-main {
  flex: 1;
  display: flex;
  justify-content: center;
  padding: var(--space-6) var(--space-8) var(--space-16);
}

.legal-card {
  width: 100%;
  max-width: 760px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  padding: var(--space-8);
}

.legal-card h1 { font: var(--text-h1); color: var(--color-ink-900); margin: 0 0 var(--space-2); }

.legal-version {
  display: inline-block;
  font: var(--text-mono-sm);
  color: var(--color-ink-500);
  background: var(--color-bg-alt);
  border-radius: var(--radius-full);
  padding: 2px 12px;
  margin-bottom: var(--space-6);
}

.legal-text {
  font: var(--text-body);
  color: var(--color-ink-700);
  white-space: pre-wrap;
  line-height: 1.6;
}

.legal-empty { font: var(--text-body); color: var(--color-ink-500); }