.faq-topic {
  cursor: pointer;
  transition: all 0.3s ease;
}
.faq-topic.active {
  background: #1e3a8a !important;
  border-color: rgba(30, 58, 138, 0.4) !important;
  transform: scale(1.05);
}
/* Explicitly make icon and label white when active — avoids relying on inherited CSS color */
.faq-topic.active .material-icons,
.faq-topic.active p {
  color: white !important;
}
.faq-content {
  display: none;
}
.faq-content.active {
  display: grid;
}
.faq-item {
  cursor: pointer;
  transition: all 0.3s ease;
}
/* padding-bottom: 0 !important prevents Tailwind CDN-injected pb-6 from overriding */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.faq-item.open .faq-answer {
  max-height: 500px;
  padding-bottom: 1.5rem !important;
}
.faq-item.open .arrow-icon {
  transform: rotate(180deg);
}
.arrow-icon {
  transition: transform 0.3s ease;
}