/* Связный текст внизу главной.

   Две колонки на десктопе: сплошная простыня на всю ширину контейнера даёт
   строку под 130 знаков, которую не читают. В колонках строка держится около
   70 — той же меры, что в статьях журнала. */

/* Семейство и размер — из общего набора заголовков разделов в style.css. */
.home-seo-b__title {
  color: #FFFFFF;
  margin: 0 0 24px;
}

.home-seo-b__text {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 48px;
  -moz-column-gap: 48px;
  column-gap: 48px;
  font-size: 16px;
  line-height: 26px;
  /* Не чистый белый: длинный текст в две колонки на #171F26 при 16.7:1 бьёт по
     глазам. #C8CFD4 даёт 10.9:1 — с запасом выше нормы 4.5:1 и читается мягче. */
  color: #C8CFD4;
}

.home-seo-b__text p {
  margin: 0 0 16px;
  /* Абзац не должен разрываться между колонками на середине предложения. */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.home-seo-b__text p:last-child {
  margin-bottom: 0;
}

.home-seo-b__text a {
  color: #FFFFFF;
  text-decoration: underline;
}

@media only screen and (max-width: 991px) {
  .home-seo-b__title {
    margin-bottom: 20px;
  }

  .home-seo-b__text {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    max-width: 70ch;
  }
}

@media only screen and (max-width: 575px) {
  .home-seo-b__text {
    font-size: 15px;
    line-height: 25px;
  }
}

/* Блок связи стоит прямо над SEO-текстом и того же цвета: граница между
   секциями исчезает, а их вертикальные отступы складываются в 110px тёмной
   пустоты — блок выглядит оборванным, а не законченным.

   Секции не разводим по цветам: тёмный низ страницы задуман как одна зона —
   сначала «напишите нам», следом текст для поиска. Смыкаем их: верхний отступ
   снимаем, стык обозначаем линией по ширине контента, а не экрана — тот же
   приём, что у липкой шапки. */
#request-widget + .home-seo-section {
  padding-top: 0;
}

#request-widget + .home-seo-section > .wrapper {
  padding-top: 55px;
  border-top: 1px solid #333D47;
}

@media only screen and (max-width: 767px) {
  #request-widget + .home-seo-section > .wrapper {
    padding-top: 35px;
  }
}