/* styles/sections/faq-column.css
 * The landing pages' FAQ: a centred h2 over the shared accordion (styles/accordion.css) in
 * the pre-swap 752px column (an 800px block with 24px gutters), 96px above and below at every
 * width, as the pre-swap page rendered it. */
@layer sections {
  .faq-section {
    padding-block: var(--space-96);
  }

  .faq-section .container {
    --container-max: 752px;
  }

  .faq-section h2 {
    margin-bottom: var(--space-48);
    text-align: center;
  }

  .faq-section .accordion__panel > * + * {
    margin-top: var(--space-16);
  }

  .faq-section .accordion__panel :is(ul, ol) {
    margin-bottom: 0;
  }
}