.faq-container {
  margin: var(--spacing-lg) 0;
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-lg);
}

.faq-title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.faq-item {
  margin-bottom: var(--spacing-sm);
  border-radius: var(--border-radius-md);
  overflow: hidden;
  background: var(--color-background-tertiary);
}

.faq-question {
  padding: var(--spacing-md) var(--spacing-lg);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  transition: background-color var(--transition-fast);
}

.faq-question:hover {
  background-color: var(--color-border-light);
}

.faq-answer {
  padding: 0 var(--spacing-lg);
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: var(--spacing-md) var(--spacing-lg);
}

.faq-item.active .faq-question {
  background-color: #e9e9e9;
}