/* styles/sections/faq-aside.css
 * /return-on-tokens/ FAQ: the h2 at the start beside the shared accordion (styles/accordion.css)
 * on the full 1152px block, one column below 900px, 5fr and 7fr from 900px. 96px padding,
 * 64px under 620px (the page's own pre-swap query). */
@layer sections {
  .rot .faq-section {
    padding-block: var(--space-96);
  }

  .rot-faq {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-32);
  }

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

  @media (width >= 900px) {
    .rot-faq {
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
      gap: var(--space-96);
    }
  }

  @media (width <= 620px) {
    .rot .faq-section {
      padding-block: var(--space-64);
    }
  }
}