/*
 * Стили внутренних страниц (политика конфиденциальности, 404, записи).
 * Вёрстки для них нет — берём токены лендинга и делаем спокойную типографику.
 * main.css при этом остаётся точной копией исходной вёрстки.
 */

.inner {
  --u: calc(min(100vw, 1920px) / 1920);
  position: relative;
  background: #100d12;
  padding-bottom: calc(120 * var(--u));
  min-height: 70vh;
}

@supports (container-type: inline-size) {
  .inner { --u: calc(min(100cqw, 1920px) / 1920); }
}

.inner__body {
  max-width: calc(1100 * var(--u));
  margin: calc(90 * var(--u)) auto 0;
  color: rgba(255, 255, 255, .78);
  font-size: calc(20 * var(--u));
  line-height: 1.6;
}

.inner__title {
  font-family: 'Soyuz Grotesk', 'Inter', system-ui, sans-serif;
  font-weight: 700;
  text-transform: lowercase;
  color: #fff;
  font-size: calc(72 * var(--u));
  line-height: 1.05;
  margin-bottom: calc(36 * var(--u));
}

.inner__body h2,
.inner__body h3 {
  color: #fff;
  font-weight: 700;
  margin: calc(40 * var(--u)) 0 calc(16 * var(--u));
  line-height: 1.2;
}

.inner__body h2 { font-size: calc(34 * var(--u)); }
.inner__body h3 { font-size: calc(26 * var(--u)); }

.inner__body p,
.inner__body ul,
.inner__body ol { margin-bottom: calc(20 * var(--u)); }

.inner__body ul,
.inner__body ol { padding-left: calc(28 * var(--u)); }

.inner__body ul li { list-style: disc; }
.inner__body ol li { list-style: decimal; }
.inner__body li { margin-bottom: calc(8 * var(--u)); }

.inner__body a { color: var(--orange-light); text-decoration: underline; }
.inner__body a:hover { color: var(--orange); }

.inner__body img { border-radius: calc(16 * var(--u)); }

.inner__back {
  display: inline-flex;
  margin-top: calc(40 * var(--u));
}

@media (max-width: 1279px) {
  .inner { --u: 1px; padding-bottom: 80px; }
  .inner__body { margin-top: 56px; max-width: none; font-size: 17px; }
  .inner__title { font-size: 44px; }
}

@media (max-width: 767px) {
  .inner__title { font-size: 32px; }
  .inner__body { font-size: 16px; }
}