/* ==========================================================================
   Page: faq (/faq/) — loaded after site.css by site/faq/index.html only
   ========================================================================== */

/* Intro text */
.faq-intro { margin-top: 50px; }

.faq-intro__text {
  display: flow-root;
  padding-top: 20px;
}
.faq-intro__text p,
.faq-intro__text p:last-child { margin-bottom: 14.4px; }

/* Questions (the shared .faq accordion). Live leaves a 150px gap above them
   on phones; here they follow the intro text. */
.faq-list {
  padding: 30px 0 50px;
  background: var(--c-white);
}

.faq-list__inner {
  max-width: var(--container);
  margin-inline: auto;
  padding: 0 20px;
}

/* "Get in touch" panel (shared .contact-panel) */
.contact-panel { margin-top: 20px; }

@media (min-width: 768px) {
  .faq-intro { padding: 10px 0; }
  .faq-list { margin-top: 50px; padding: 10px 0 110px; }
  .faq-list__inner { padding: 0 10px; }
}