/* faq — вопросы и ответы. Общее: .faq-item (details/summary). */
.faq-list { margin-top: 24px; }
.faq-item {
  background: var(--s-surface); border: 1px solid var(--s-line); border-radius: calc(var(--radius) * .78);
  margin-bottom: 12px; padding: 0 22px;
}
.faq-item summary { cursor: pointer; padding: 18px 0; font-weight: 600; list-style: none; position: relative; padding-right: 30px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 2px; top: 14px; font-size: 22px; }
.faq-item[open] summary::after { content: "—"; font-size: 16px; top: 18px; }
.faq-item p { padding-bottom: 18px; color: var(--s-muted); font-size: 14.5px; }

/* columns — две колонки, все ответы видны */
.faq-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 48px; margin-top: 28px; }
.faq-qa { border-top: 1px solid var(--s-line); padding-top: 18px; min-width: 0; }
.faq-qa h3 { font-size: 18px; margin-bottom: 8px; overflow-wrap: anywhere; }
.faq-qa p { color: var(--s-muted); font-size: 14.5px; overflow-wrap: anywhere; }
@media (max-width: 760px) { .faq-cols { grid-template-columns: 1fr; } }

/* split — заголовок слева (sticky), список справа */
.faq-splitwrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; align-items: start; }
.faq-side { position: sticky; top: 96px; }
.faq-splitwrap .faq-list { margin-top: 0; }
.faq-item summary, .faq-item p { overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .faq-splitwrap { grid-template-columns: 1fr; gap: 12px; }
  .faq-side { position: static; }
}