/* FAQ. Figma: FAQ/pc 975:2383, FAQ/mb 975:2442.
   Карточка — тот же аккордеон, что на «Экспертах» (`.au-acc` в experts.css):
   строка `padding: 12px 0`, вопрос 32/39 с `opacity: .6`, бокс стрелки 48 с иконкой 28,
   у `[open]` поворот на 90°. Здесь только числа, которыми FAQ отличается.
   Значения — из .design/spec/faq.md. */

/* низ контента 1144 при футере 1278 — дефолтные 144 на 10 больше */
.au-page--faq {
  padding-bottom: 134px;
}

.au-faq {
  margin-top: 50px; /* верх списка 554 при низе H1 504 */
}

/* Две колонки по 820 при зазоре 88 — контейнер 1728 делится ровно */
.au-faq__list {
  columns: 2;
  column-gap: 88px;
  margin-bottom: -26px; /* хвостовой шаг последней карточки колонки */
}

/* В макете слева три карточки (975:2386, 975:2391, 975:2396), справа две
   (975:2401 и раскрытая 975:2406). Балансировщик Chrome раскладывает 4 + 1,
   потому что так ниже самая высокая колонка — 596 против 616, — поэтому
   колонку рвём явно после третьей карточки.
   Только при ровно пяти карточках: вопросы ведутся через TV, и при другом
   их числе прошитый разрыв давал перекос (4 → 3|1, 6 → 3|3, 7 → 3|4),
   а балансировщик без него раскладывает ровно сам. */
.au-faq .au-acc__item:nth-child(3):nth-last-child(3) {
  break-after: column;
}

/* Шаг 26 задаётся снизу: верхний отступ в многоколоночном потоке достался бы
   и первой карточке второй колонки — она встала бы на 568 вместо 554 */
.au-faq .au-acc__item {
  margin-bottom: 26px;
  break-inside: avoid;
}

/* Отступ сверху у `.au-acc` гасим правилом той же весомости, иначе
   `.au-acc__item:not([open]) + .au-acc__item` из experts.css перебивает его
   по специфичности: `:not([open])` считается как атрибут */
.au-faq .au-acc__item + .au-acc__item {
  margin-top: 0;
}

/* Линия у закрытой карточки идёт сразу под головой: бокс 123 = голова 122 + 1.
   У аккордеона «Экспертов» между ними ещё 13 */
.au-faq .au-acc__item:not([open]) {
  padding-bottom: 0;
}

/* 975:2412: тело на 21 от головы, снизу ничего — низ карточки равен низу
   последнего абзаца (1144) */
.au-faq .au-acc__panel {
  padding: 21px 0 0;
}

/* 975:2413–975:2418: ширина текстовой ноды 721, между рядами 4 (шаг 70 при двух строках) */
.au-faq .au-acc__panel p {
  max-width: 721px;
}

.au-faq .au-acc__panel p + p {
  margin-top: 4px;
}

/* ─── MB: 390px ──────────────────────────────────────────────────────────── */

@media (max-width: 1023px) {
  /* низ контента 1384 при футере 1448 — на mb работает общий отступ 64 */
  .au-page--faq {
    padding-bottom: 64px;
  }

  .au-faq {
    margin-top: 74px; /* верх списка 330 при низе H1 256 */
  }

  .au-faq__list {
    columns: auto;
    margin-bottom: -72px;
  }

  .au-faq .au-acc__item {
    margin-bottom: 72px; /* шаг карточек 72 */
  }

  .au-faq .au-acc__panel {
    padding: 36px 0 0;
  }

  /* 975:2454 / 975:2455: у FAQ абзацы ответа прозрачные, у «Экспертов» — нет */
  .au-faq .au-acc__panel p {
    max-width: 329px;
    opacity: 0.7;
  }

  .au-faq .au-acc__panel p + p {
    margin-top: 24px;
  }
}