/* Our FAQs — Figma 843:463. Gold/ochre, title ~76px, category ~38px,
   accordion rows ~16px on a ~1040px column. */
.faq { background: #c79231; padding-block: calc(78.6 * var(--px)) calc(80 * var(--px)); }   /* top 56 -> 78.6 (first text 65px) */
.faq__inner { max-width: calc(1017 * var(--px)); margin-inline: auto; padding-inline: calc(20 * var(--px)); }
.faq__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: calc(76.958 * var(--px));
  text-align: center;
  margin-bottom: calc(24 * var(--px));
}
.faq__group { margin-bottom: calc(20 * var(--px)); }
/* Category header is now a collapsible toggle (click to expand its questions). */
.faq__cat {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: calc(41.342 * var(--px));
  margin-bottom: calc(16 * var(--px));
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(20 * var(--px));
}
.faq__cat::-webkit-details-marker { display: none; }
.faq__cat-chev { display: inline-flex; align-items: center; transition: transform .2s ease; }
.faq__cat-chev svg { width: calc(14 * var(--px)); height: auto; fill: currentColor; }
.faq__group[open] .faq__cat-chev { transform: rotate(180deg); }
/* small breathing room when a category is open */
.faq__group[open] .faq__cat { margin-bottom: calc(16 * var(--px)); }
.faq__row {
  background: #fff;
  color: #000;
  border-radius: 999px;
  margin-bottom: calc(12 * var(--px));
  overflow: hidden;
}
.faq__row summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(20 * var(--px));
  padding: calc(14 * var(--px)) calc(38 * var(--px));
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: calc(16.96 * var(--px));
}
.faq__row summary::-webkit-details-marker { display: none; }
.faq__chev { display: inline-flex; align-items: center; transition: transform .2s ease; }
.faq__chev svg { width: calc(9 * var(--px)); height: auto; fill: currentColor; }
.faq__row[open] .faq__chev { transform: rotate(180deg); }
.faq__row[open] { border-radius: calc(28 * var(--px)); }
.faq__answer {
  padding: 0 calc(38 * var(--px)) calc(18 * var(--px));
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: calc(15 * var(--px));
  line-height: 1.5;
}