/* Dark FAQ with yellow accent (section 29). Measured on the reference at 1920 and 375; copy is placeholder, font is Noto Sans Hebrew
   (reference uses a licensed font). Native <details name="qa">: one open at a time, no JS. Re-colour via the two variables on .c-qa. */
.c-qa { --qa-bg: #1d1e1a; --qa-accent: #ffe70d; --qa-line: #a3a3a3;
  background: var(--qa-bg); color: #fff; direction: rtl; font-family: "Noto Sans Hebrew", Arial, sans-serif; overflow-x: clip; }
.c-qa__section { padding: 67.2px 17px; }
.c-qa__inner { display: flex; flex-direction: column; gap: 24px; width: min(1152px, 100%); margin: 0 auto; }
.c-qa__title { margin: 0; font-size: 30px; font-weight: 300; line-height: 30px; text-align: center; }
.c-qa__list { display: flex; flex-direction: column; }
.c-qa__item { margin-bottom: 10px; }
.c-qa__q { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px; border: .8px solid var(--qa-line); border-radius: 10px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 400; line-height: 26.35px; transition: color .2s; }
.c-qa__q::-webkit-details-marker { display: none; }
.c-qa__q:focus-visible { outline: 2px solid var(--qa-accent); outline-offset: 2px; }
.c-qa__q-text { flex: 1; min-width: 0; text-align: start; }
.c-qa__icon { flex: none; width: 0; height: 0; border-block: 5px solid transparent; border-inline-end: 6px solid currentColor; transition: transform .2s; }
.c-qa__item[open] > .c-qa__q { color: var(--qa-accent); }
.c-qa__item[open] .c-qa__icon { transform: rotate(-90deg); }
.c-qa__a { padding: 10px; }
.c-qa__a p { margin: 17px 0; font-size: 17px; font-weight: 400; line-height: 26.35px; text-align: start; color: #fff; }

@media (min-width: 768px) {
  .c-qa__section { padding: 96px 24px 86px; }
  .c-qa__inner { gap: 40px; }
  .c-qa__title { font-size: 46.08px; line-height: 46.08px; }
}
@media (prefers-reduced-motion: reduce) {
  .c-qa__q, .c-qa__icon { transition: none; }
}