/* ============================================================
   faq.css — секция 10 «GOOD QUESTIONS» (ivory). Поток, токены.
   Строка 1 раскрыта (лавандовая), 2–7 свёрнуты (белые). Высота по содержимому.
   ============================================================ */

.faq { background: var(--c-ivory); padding: 40px var(--side) 44px; display: flex; flex-direction: column; align-items: center; }

.faq__eyebrow {
  font-weight: 700; font-size: var(--fs-eyebrow); line-height: var(--lh-cap);
  letter-spacing: 1.2px; text-transform: uppercase; color: var(--c-eyebrow);
}
.faq__h2 {
  margin-top: 10px;
  font-family: var(--ff-head); font-weight: 800; font-size: var(--fs-h2);
  line-height: var(--lh-head); color: var(--c-ink);
}

.faq__list { margin-top: 24px; width: 100%; }

.qa {
  background: var(--c-white); box-shadow: var(--sh-card);
  border-radius: var(--r-faq); margin-bottom: 10px; overflow: hidden;
}
.qa[open] { background: var(--c-lav); box-shadow: none; }

.qa__q {
  list-style: none; cursor: pointer;
  min-height: 60px; padding: 14px 16px;
  display: flex; align-items: center; gap: 12px;
}
.qa__q::-webkit-details-marker { display: none; }
.qa__t {
  flex: 1;
  font-family: var(--ff-head); font-weight: 700; font-size: var(--fs-body);
  line-height: 1.15; letter-spacing: .1px; text-transform: uppercase; color: var(--c-ink);
}
.qa__ic {
  flex: 0 0 auto; width: 36px; height: 36px; border-radius: var(--r-pill);
  background: var(--c-lav-2);
  display: flex; align-items: center; justify-content: center; color: var(--c-ink);
}
.qa[open] .qa__ic { background: var(--c-dark); color: var(--c-white); }
.qa .ic-m { display: none; }
.qa[open] .ic-p { display: none; }
.qa[open] .ic-m { display: block; }

/* ТЗ-11 §5: переход обязателен — на нём построена вся логика аккордеона в app.js
   (событие transitionend). Без него вопрос не закрывался и текст обрезался. */
.qa__a { overflow: hidden; padding: 0 16px; transition: max-height .28s var(--ease); }
.qa[open] .qa__a { padding: 4px 16px 18px; }
.qa__a p { font-size: var(--fs-cap); line-height: var(--lh-body); color: var(--c-muted); }

/* Уменьшение движения: переход выключаем, состояние переключается сразу (см. app.js). */
@media (prefers-reduced-motion: reduce) {
  .qa__a { transition: none; }
}