   <!-- Usage Guidelines Section -->
    <section name="section-usage-guidelines">
        <h2 class="title fw-bold" id="usage-guidelines">Usage guidelines</h2>
        <strong>Email pattern should be used:</strong>
        <ul>
            <li>When you need to collect a user's email address</li>
        </ul>
        <strong>Email pattern should not be used:</strong>
        <ul>
            <li>If it is not necessary to ask for a user's email address</li>
        </ul>

    </section>

    <!-- Usability 