/* FAQ [ink] — 659:24324: фон #181d24, отступы 100/110, промежуток 40, по центру */
.faq {
  background: var(--ink);
  padding: clamp(56px, 5.2083vw, 100px) var(--gutter);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(24px, 2.0833vw, 40px);
}
.faq__title {
  font-size: clamp(28px, 2.7083vw, 52px);
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--white);
  text-align: center;
}
.faq__list { display: flex; flex-direction: column; gap: 14px; width: 100%; }

.qa {
  padding: 23px 27px;                    /* 24/28 минус 1px обводки внутрь */
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--r-l);
}
.qa[open] { border-color: transparent; background: #262b31; }
.qa__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 600;
  line-height: normal;
  color: var(--white);
  cursor: pointer;
  list-style: none;
}
.qa__q::-webkit-details-marker { display: none; }
.qa__mark {
  flex: 0 0 auto;
  font-weight: 700;
  color: var(--gold);
}
.qa__mark::before { content: "+"; }
.qa[open] .qa__mark::before { content: "−"; }
.qa__a { padding-top: 14px; }
.qa__a p {
  width: min(1150px, 100%);
  font-size: var(--t-body);
  line-height: 1.58;
  color: rgba(255, 255, 255, 0.6);
}
.qa__todo { opacity: 0.55; font-style: italic; }

/* Светлая полоса. Блок .pfaq рендерер кладёт в .pblock--paper для типов
   cross/mesh/repair/company/article (render.py:480 — «ink» только для mech/place/
   geo), а правила .qa выше писались под тёмную секцию .faq с background: ink.
   В итоге белый вопрос стоял на #f7f7f7: 1.07:1 при норме AA 4.5:1.
   Палитра взята не «на глаз», а у соседних карточек ЭТОЙ ЖЕ полосы — .ptiles a,
   .mcard, .pduo__card в page.css: поверхность var(--white), хайрлайн ink 0.12,
   текст var(--ink); приглушённый текст на светлом в проекте один — 0.62
   (.mcard--diag .mcard__spec, page.css:247), пишем его той же формой с --ink-2.
   Раскрытая карточка на тёмном отказывается от рамки, потому что заливка
   #262b31 сама по себе даёт 1.19:1 к фону. На светлом заливка white даёт к
   бумаге только 1.07:1, поэтому здесь хайрлайн у раскрытой карточки ОСТАЁТСЯ:
   без него открытая читалась бы хуже закрытой. Это осознанное расхождение с
   тёмным вариантом, а не копия.
   Специфичность: .qa[open] — это (0,2,0), ровно как и .pblock--paper .qa, так
   что порядком правил тут пользоваться нельзя; раскрытое состояние задано явным
   .pblock--paper .qa[open] (0,3,0).
   .qa__mark сегодня на светлой полосе не встречается (рендер его не печатает,
   он есть только в статической sections/faq.html, а она всегда тёмная) — правило
   стоит на будущее: фирменный --gold на белом даёт 2.31:1, тёмный конец
   градиента --gold-from — 3.12:1, то есть проходит порог 3:1 для нетекстовых
   индикаторов. */
.pblock--paper .qa { border-color: rgba(24, 29, 36, 0.12); }
.pblock--paper .qa[open] { border-color: rgba(24, 29, 36, 0.12); background: var(--white); }
.pblock--paper .qa__q { color: var(--ink); }
.pblock--paper .qa__mark { color: var(--gold-from); }
.pblock--paper .qa__a p { color: var(--ink-2, rgba(24, 29, 36, 0.62)); }

@media (max-width: 599px) {
  .qa { padding: 18px; }
  .faq__title { text-align: start; }
}