/*
  Оформление страницы-заглушки: экран по карте есть, вёрстки у него пока нет.
  Отдельный файл, чтобы его было легко удалить, когда заглушек не останется.
*/

.stub {
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 24px;
}

.stub__title {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-bold);
  margin: 0 0 20px;
}

.stub__text {
  font-size: var(--font-size-body-lg);
  color: var(--color-text-secondary);
  line-height: 1.55;
  margin: 0 0 28px;
  max-width: 620px;
}

.stub__back { font-size: var(--font-size-body); }

/* Шапка заглушки стоит на фирменном градиенте — как на лендинге. */
.stub-header {
  background: linear-gradient(135deg, var(--color-gradient-from) 0%, var(--color-gradient-to) 100%);
}

/* --- Узкий экран ---------------------------------------------------------- */

/*
  Порог тот же, что в base.css, — 768px. Настольная версия не меняется.

  Заголовок заглушки набран кеглем раздела (40px), и на телефоне одно только
  слово «конфиденциальности» оказывалось шире экрана: страница получала
  77px прокрутки вбок. Кегль взят из токенов — тот же, что у заголовков
  экранов записи.
*/

@media (max-width: 767px) {
  .stub { padding: 40px 16px 56px; }
  .stub__title { font-size: var(--font-size-subhead); }
  .stub__text { font-size: var(--font-size-body); }
}