/* Единая типографика сайта по стилям из Figma.
   В старой сборке отдельные блоки переопределяют размеры заголовков,
   поэтому правила ниже намеренно имеют приоритет над локальными стилями. */
#root h1,
.page-content h1,
.homepage-blocks > .container > h1 {
  color: #0B1A33 !important;
  font-weight: 600 !important;
  font-size: 40px !important;
  line-height: 50px !important;
}

#root h2,
.page-content h2 {
  color: #0B1A33 !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  line-height: 40px !important;
}

#root h3,
.page-content h3 {
  color: #0B1A33 !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  line-height: 32px !important;
}

#root h4,
.page-content h4 {
  color: #0B1A33 !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 30px !important;
}

#root h5,
.page-content h5 {
  color: #0B1A33 !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 25px !important;
}

/* Единственное цветовое исключение: заголовок на тёмном CTA остаётся белым. */
#root .global-cta h2 {
  color: #fff !important;
}

.page-content {
  color: #3A4049;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

.page-content p,
.page-content ul,
.page-content ol,
.page-content li {
  color: #3A4049;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

.page-content li {
  display: block;
}

@media (max-width: 680px) {
  #root h1,
  .page-content h1,
  .homepage-blocks > .container > h1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  #root h2,
  .page-content h2 {
    font-size: 28px !important;
    line-height: 35px !important;
  }

  #root h3,
  .page-content h3 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  #root h4,
  .page-content h4 {
    font-size: 20px !important;
    line-height: 25px !important;
  }

  #root h5,
  .page-content h5 {
    font-size: 18px !important;
    line-height: 23px !important;
  }
}