/* ════════════════════════════════════════════════════
   Mobile overrides — block headers centered
   На мобильном (≤860px) eyebrow + title + lead каждой
   секции центрируются. Карточки внутри секций не трогаем.
   ════════════════════════════════════════════════════ */

@media (max-width: 860px) {

  /* ── EYEBROW (inline-flex с декоративными линиями)
        Переключаем на block flex + fit-content + margin auto,
        чтобы декоративные ::before/::after линии остались по бокам
        от текста, а сам блок встал по центру строки. */
  .diag__eyebrow,
  .boundaries__eyebrow,
  .approach__eyebrow,
  .edu__eyebrow,
  .certs__eyebrow,
  .cases__eyebrow,
  .supervision__eyebrow,
  .lead-magnet__eyebrow,
  .final-cta__eyebrow,
  .blog-header__eyebrow,
  .blog-cta__eyebrow,
  .articles__eyebrow,
  .related-articles__eyebrow,
  .social-channels__eyebrow,
  .pricing__eyebrow,
  .testimonials__eyebrow,
  .about-me__eyebrow,
  .faq__eyebrow,
  .pdf-doc__eyebrow,
  .book-promo__eyebrow {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  /* ── TITLE — просто text-align: center на самом заголовке */
  .diag__title,
  .boundaries__title,
  .approach__title,
  .edu__title,
  .certs__title,
  .cases__title,
  .final-cta__title,
  .blog-header__title,
  .blog-cta__title,
  .articles__title,
  .related-articles__title,
  .social-channels__title,
  .pricing__title,
  .testimonials__title,
  .about-me__title,
  .faq__title,
  .pdf-doc__title,
  .book-promo__title {
    text-align: center;
  }

  /* ── LEAD / SUBTITLE — выравнивание под title */
  .diag__lead,
  .approach__lead,
  .edu__lead,
  .pricing__lead,
  .final-cta__lead,
  .articles__lead,
  .pdf-doc__lead,
  .book-promo__subtitle,
  .testimonials__lead,
  .about-me__lead,
  .blog-cta__lead,
  .faq__lead,
  .boundaries__lead,
  .cases__lead {
    text-align: center;
  }
}