/* ===== Faq =====
 * Full-width section with a constrained content column.
 * Title gets the brass ruled-rhythm bar (canonical pilot gesture).
 * Items are separated by hairline borders managed in FaqItem/styles.css.
 * The list itself has a top border to cap the first item cleanly. */

.cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq {
  background: var(--kombos-canvas);
  padding: 3rem 0;
}

.cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Title — brass ruled-rhythm bar, mirrors AccountFavorites canonical gesture */
.cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq__title {
  margin: 0;
  color: var(--kombos-gray-900);
  font-family: var(--kombos-font-display);
  letter-spacing: var(--kombos-tracking-display);
  padding-left: 0.875rem;
  border-left: 3px solid var(--kombos-accent);
}

/* Constrained readable column for the accordion list */
.cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq__list {
  max-width: 48rem;
  margin-inline: auto;
  width: 100%;
  /* Top border caps the first FaqItem row */
  border-top: 1px solid var(--kombos-gray-200);
}

/* ── Tablet (768px+) ── */
@media (min-width: 768px) {
  .cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq {
    padding: 4rem 0;
  }

  .cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq__container {
    gap: 2rem;
  }
}

/* ── Desktop (1024px+) ── */
@media (min-width: 1024px) {
  .cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq {
    padding: 5rem 0;
  }

  .cc_4vBO1nbhag_ypaZZcsVw4 .kombos-faq__container {
    gap: 2.5rem;
  }
}