.faq-container {
  max-width: 800px;
  margin: 0 auto;
}

/* Tabs list styling */
.faq-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--color-border);
  -webkit-overflow-scrolling: touch;
}

.faq-tabs button {
  white-space: nowrap;
  background-color: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-bottom: none;
  padding: 12px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: var(--fs-small);
  font-weight: var(--fw-medium);
  transition: all var(--transition-fast);
  margin-bottom: -1px;
}

.faq-tabs button:hover {
  color: var(--color-gold-primary);
  border-color: var(--color-border-strong);
}

.faq-tabs button[aria-selected="true"] {
  background-color: var(--color-bg-primary);
  color: var(--color-gold-primary);
  border-color: var(--color-gold-primary) var(--color-gold-primary) var(--color-bg-primary);
  font-weight: var(--fw-bold);
  position: relative;
  z-index: 2;
}

/* Tabs Panel Content */
.faq-panel {
  display: none;
  flex-direction: column;
  gap: 16px;
}

.faq-panel.active {
  display: flex;
}