/* Hero — reuse school landing styles */
.sl-hero {
  background: #F2FAEE;
  padding: 48px 24px 40px;
  text-align: center;
}

.sl-hero__inner {
  max-width: 860px;
  margin: 0 auto;
}

.sl-hero__title {
  font-size: 1.9rem;
  font-weight: 800;
  color: var(--cm-text);
  margin: 0 0 10px;
  font-family: 'Montserrat', Arial, sans-serif;
  line-height: 1.2;
}

.sl-hero__sub {
  font-size: 0.95rem;
  color: var(--cm-text-sub);
  margin: 0;
}

/* Page layout */
body { background: #FFFFFF; }

.faq-layout {
  max-width: 800px;
  margin: 40px auto 60px;
  padding: 0 24px;
}

.faq-left { width: 100%; }

/* FAQ cards */
.faq-card {
  background: #fff;
  border-radius: var(--cm-radius);
  box-shadow: var(--cm-shadow);
  padding: 24px 28px;
  margin-bottom: 16px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.faq-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.faq-question {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--cm-text);
  margin-bottom: 10px;
}

.faq-answer,
.faq-answer * {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--cm-text-sub);
}

@media (max-width: 768px) {
  .sl-hero__title { font-size: 1.4rem; }
  .faq-layout { padding: 0 16px; margin-top: 24px; }
}