/* ===== Home (главная) =================================================== */
/* Никакого центрирования: следуем базовой вёрстке (контент слева) */
.home-page { }

/* ---------- Секции (блоки) ---------- */
.home-page .home-block {
  background: #fcfcfc;           /* светлая подложка */
  border: 1px solid #eaeaea;     /* мягкая рамка */
  border-radius: 12px;
  padding: 18px 18px;
  margin: 20px 0;                /* межблочный зазор = 20px, как у левого поля */
}

/* Заголовок секции — «прилипает» к контенту */
.home-page .home-block > h2 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.3;
  color: #111;
  font-weight: 700;
}

/* Текст секции */
.home-page .home-block p {
  font-size: var(--paragraph-size);
  line-height: var(--paragraph-lh);
  margin: 0 0 .8em;
}

/* Первый блок — тоже 20px от хиро */
.home-page .home-block:first-of-type { margin-top: 20px; }

/* ---------- Ссылки на главной: брендовый акцент ---------- */
.home-page a,
.home-page a:visited {
  color: var(--brand-accent);
  text-decoration: none;
}
.home-page a:hover { color: var(--link-hover); text-decoration: underline; }

/* ---------- Списки на главной (кегль = как абзацы) ---------- */
/* Перебиваем глобальные 14px сразу у UL/OL и у LI */
.home-page ul,
.home-page ol {
  font-size: var(--paragraph-size) !important;   /* 16px */
  line-height: var(--paragraph-lh) !important;   /* 1.5 */
  margin: .4em 0 0;
  padding: 0;
}

/* На всякий случай фиксируем у пунктов */
.home-page li {
  font-size: var(--paragraph-size) !important;
  line-height: var(--paragraph-lh) !important;
  margin: .25em 0;
}

/* Буллиты и нумерация */
.home-page ul { list-style: disc inside; }
.home-page ol { list-style: decimal inside; }

/* Если где-то остались служебные классы — включаем маркеры и убираем разделители */
.home-page .u-list,
.home-page .modal-list {
  list-style: disc inside !important;
  margin: .4em 0 0;
  padding: 0;
  font-size: var(--paragraph-size) !important;
  line-height: var(--paragraph-lh) !important;
}
.home-page .u-list--divided > li,
.home-page .modal-list--divided > li {
  border-top: 0 !important;
  padding-top: 0 !important;
}

/* ---------- Хиро и CTA ---------- */
.home-page .home-hero { margin-bottom: 16px; }   /* без подложки */
.home-page .actions   { margin-top: 20px; }

/* ---------- Мобильные поправки ---------- */
@media (max-width: 768px) {
  .home-page .home-block {
    border-radius: 10px;
    padding: 16px 14px;
    margin: 20px 0;              /* на мобилке тот же зазор 20px */
  }
  .home-page .home-block > h2 {
    font-size: 18px;
    margin-bottom: 8px;
  }
}