@import "faq/faq-hero.css?v=20260817";
@import "faq/faq-layout.css?v=20260817";

/* ── Разделы вопросов (faq-buyers.html) ── */
/* 29 вопросов: вместо двух колонок один поток с заголовками разделов —
   в колонках порядок чтения рвётся, а разделы перемешиваются между собой.
   Ширина ограничена мерой строки ответа (.faq details > div — 880px). */
.faq-groups {
  display: flex;
  flex-direction: column;
  gap: 56px;
  max-width: 940px;
  margin: 0 auto;
}
/* Класса .h-2 в проекте нет, есть только токен, поэтому кегль задаём здесь.
   40px держит заголовок раздела крупнее вопроса (20px) и мельче h1 страницы. */
.faq-group__title {
  font: var(--h-2);
  letter-spacing: var(--tracking-tight);
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  /* на этом пороге h1 падает до 32px — заголовок раздела не должен его обгонять */
  .faq-group__title { font-size: 28px; }
}
/* глобальный `a` наследует цвет, иначе ссылки внутри ответа неотличимы от текста */
.faq details > div a { color: var(--brand-purple-deep, rgb(83,76,229)); text-decoration: underline; }