/* Base */
body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
}

/* Typography helpers (used where Tailwind italic/serif alone isn't enough) */
.serif-italic {
  font-family: 'Playfair Display', serif;
  font-style: italic;
}

/* FAQ accordion */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.35s ease-out, opacity 0.3s ease-out;
}

.faq-item.active .faq-answer {
  max-height: 300px;
  opacity: 1;
}

.faq-trigger i {
  transition: transform 0.3s ease;
}

.faq-item.active .faq-trigger i {
  transform: rotate(45deg);
}