/* Accordion Component */
.accordion {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.accordion-item {
  border-bottom: 1px solid var(--border-color);
}

.accordion-item:last-child {
  border-bottom: none;
}

.accordion-header {
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--bg-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color var(--transition-fast);
}

.accordion-header:hover {
  background-color: var(--bg-accent);
}

.accordion-title {
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: 500;
}

.accordion-icon {
  transition: transform var(--transition-fast);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-normal);
}

.accordion-body {
  padding: var(--spacing-lg);
  background-color: var(--bg-primary);
}

.accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}

.accordion-item.active .accordion-content {
  max-height: 50rem;
}