FAQ accordion with native details elements

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>FAQ</title>
</head>
<body>
  <main>
    <h1>Frequently asked questions</h1>
    <!-- The name attribute makes the accordion exclusive in modern browsers. -->
    <details name="faq">
      <summary>Do I need an account to browse?</summary>
      <p>No. You only need one to publish snippets.</p>
    </details>
    <details name="faq">
      <summary>Can I edit a snippet after publishing?</summary>
      <p>Yes. Every snippet keeps a revision history.</p>
    </details>
    <details name="faq">
      <summary>Which languages are supported?</summary>
      <p>Over one hundred languages are listed on the site.</p>
    </details>
  </main>
</body>
</html>