/*
 * Текстовые и системные страницы: политика конфиденциальности, правила
 * отмены (`System 01`) и «страницы нет» (`System 02`, `E-01`).
 *
 * Одна колонка в 680 точек — так в прототипе; значения из `web/tokens.css`.
 */

.doc {
  max-width: 680px;
  margin: 0 auto;
  padding: var(--space-8) var(--page-padding) var(--space-9);
}

.doc__title {
  font-size: var(--text-h1-size);
  line-height: var(--text-h1-line);
  font-weight: var(--text-h1-weight);
  letter-spacing: var(--text-h1-tracking);
  margin: 0 0 var(--space-3);
}

.doc__date {
  font-size: var(--text-body-s-size);
  color: var(--neutral-300);
  margin-bottom: var(--space-7);
}

.doc__section {
  margin-bottom: var(--space-6);
}

.doc__section-title {
  font-size: var(--text-body-l-size);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--space-2);
}

.doc__text {
  font-size: var(--text-body-m-size);
  line-height: var(--text-body-m-line);
  color: var(--color-text-secondary);
  margin: 0;
}

.doc__actions {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-top: var(--space-6);
}

/* ─── «Такой страницы нет» ───────────────────────────────────────────────── */

.notfound {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--space-8) var(--page-padding);
}

.notfound__code {
  font-size: var(--text-display-size);
  line-height: var(--text-display-line);
  font-weight: var(--text-display-weight);
  letter-spacing: var(--text-display-tracking);
  margin-bottom: var(--space-2);
}

.notfound__title {
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--text-h3-tracking);
  margin: 0 0 var(--space-3);
}

.notfound__text {
  font-size: var(--text-body-m-size);
  color: var(--color-text-secondary);
  margin: 0 0 var(--space-6);
}

.notfound__actions {
  display: flex;
  gap: var(--space-3);
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .doc__title {
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
  }

  /* 72 точки в ширину экрана не влезают вместе с полями. */
  .notfound__code {
    font-size: var(--text-h1-size);
  }
}