body { font-family: "Inter", system-ui, sans-serif; }

.accordion-content {
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.accordion-content.open {
  max-height: 500px;
  opacity: 1;
}
.chevron-icon { transition: transform 0.3s ease; }
.chevron-icon.rotate-180 { transform: rotate(180deg); }