{% assign faq_items = page.faq | default: site.data.faq.items %}

{% if faq_items %}

<section class="home-faq" aria-label="Frequently asked questions">

  <h2 class="home-faq-title">FAQ</h2>

  <div class="home-faq-grid">

    {% for item in faq_items %}

      <details class="home-faq-item">

        <summary>{{ item.q }}</summary>

        <p>{{ item.a }}</p>

      </details>

    {% endfor %}

  </div>

</section>

{% endif %}