/* Внутренние страницы. В Figma их нет — спроектированы на токенах макета.
   Общая шапка-заголовок (page-hero) + типографика контента. */

.page-hero {
  position: relative;
  overflow: hidden;
  background: var(--color-navy);
  padding: calc(70 * var(--u)) calc(24 * var(--u)) calc(60 * var(--u));
  text-align: center;
  isolation: isolate;
}

/* Текстура кирпичной стены — тот же приём, что в секциях макета */
.page-hero__texture {
  position: absolute;
  inset: 0;
  background: url('../../img/texture.jpg') center / cover no-repeat;
  opacity: 0.12;
  pointer-events: none;
  z-index: -1;
}

.page-hero__title {
  font-size: calc(72 * var(--u));
  font-weight: var(--fw-xlight);
  line-height: 1.2;
  color: var(--color-white);
}

.page-hero__sub {
  margin-top: calc(14 * var(--u));
  font-size: calc(26 * var(--u));
  font-weight: var(--fw-light);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
}

/* Золотая линия под заголовком — фирменный элемент макета */
.page-hero__bar {
  width: calc(180 * var(--u));
  height: calc(7 * var(--u));
  margin: calc(22 * var(--u)) auto 0;
  border-radius: calc(12 * var(--u));
  background: var(--color-gold);
}

/* ---------- Контент обычной страницы ---------- */
.page-content {
  position: relative;
  background: var(--color-white);
  padding: calc(70 * var(--u)) calc(24 * var(--u)) calc(90 * var(--u));
}

.page-content__inner {
  width: calc(980 * var(--u));
  max-width: 100%;
  margin: 0 auto;
  font-size: calc(24 * var(--u));
  font-weight: var(--fw-light);
  line-height: 1.65;
  color: var(--color-ink);
  text-align: right;
}

.page-content__inner h2 {
  margin: calc(36 * var(--u)) 0 calc(16 * var(--u));
  font-size: calc(42 * var(--u));
  font-weight: var(--fw-xlight);
  line-height: 1.3;
}

.page-content__inner h3 {
  margin: calc(28 * var(--u)) 0 calc(12 * var(--u));
  font-size: calc(30 * var(--u));
  font-weight: var(--fw-bold);
  line-height: 1.35;
}

.page-content__inner p {
  margin-bottom: calc(18 * var(--u));
}

.page-content__inner ul,
.page-content__inner ol {
  margin: 0 calc(24 * var(--u)) calc(18 * var(--u)) 0;
  padding-inline-start: calc(20 * var(--u));
}

.page-content__inner ul li {
  position: relative;
  padding-inline-end: calc(22 * var(--u));
  margin-bottom: calc(8 * var(--u));
}

/* Маркер списка — золотая точка (physical right: RTL-раскладка макета) */
.page-content__inner ul li::before {
  content: '';
  position: absolute;
  right: 0;
  top: calc(14 * var(--u));
  width: calc(9 * var(--u));
  height: calc(9 * var(--u));
  border-radius: 50%;
  background: var(--color-gold);
}

.page-content__inner ol {
  list-style: decimal;
}

.page-content__inner a {
  color: var(--color-navy);
  text-decoration: underline;
  text-underline-offset: calc(3 * var(--u));
}

.page-content__inner a:hover {
  color: var(--color-gold);
}

.page-content__inner img {
  max-width: 100%;
  height: auto;
  margin: calc(20 * var(--u)) 0;
}

.page-content__inner blockquote {
  margin: calc(24 * var(--u)) 0;
  padding: calc(18 * var(--u)) calc(24 * var(--u));
  border-inline-start: calc(5 * var(--u)) solid var(--color-gold);
  background: rgba(218, 155, 42, 0.08);
}

/* Кнопка «на главную» под контентом */
.page-content__back {
  margin-top: calc(40 * var(--u));
  text-align: center;
}

.page-content__back .btn {
  width: auto;
  padding: 0 calc(30 * var(--u));
}

@media (max-width: 767px) {
  .page-hero {
    padding: calc(44 * var(--u)) calc(20 * var(--u)) calc(40 * var(--u));
  }

  .page-hero__title {
    font-size: calc(40 * var(--u));
  }

  .page-hero__sub {
    font-size: calc(18 * var(--u));
  }

  .page-hero__bar {
    width: calc(120 * var(--u));
    height: calc(5 * var(--u));
  }

  .page-content {
    padding: calc(40 * var(--u)) calc(20 * var(--u)) calc(56 * var(--u));
  }

  .page-content__inner {
    font-size: calc(18 * var(--u));
  }

  .page-content__inner h2 {
    font-size: calc(28 * var(--u));
  }

  .page-content__inner h3 {
    font-size: calc(22 * var(--u));
  }
}