/* ==========================================================================
   FAQ page. Reuses the homepage Student/Parent toggle (.enq-toggle) and the
   shared .faq accordion, and adds the numbered group headings.
   ========================================================================== */

.faq-page .faq-toggle {
  max-width: 380px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
}

.faq-group + .faq-group { margin-top: clamp(2.2rem, 4vw, 3.2rem); }
.faq-group__title {
  font-family: var(--label);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--crimson);
  margin: 0 0 0.9rem;
}
/* The shared .faq caps at 860px and centres; inside the narrow shell it
   should simply fill the column. */
.faq-page .faq { max-width: none; }

@media (max-width: 600px) {
  .faq-page .faq-toggle { max-width: none; }
}