  </div>
                </div>
                <p><b>Within the checkbox</b><br>
                    Ensure that there is at least 8px of horizontal spacing between the checkbox and the label.</p>
            </div>
        </section>

        <!-- Usage guidelines Section -->
        <section name="section-usage-guidelines">
            <h2 class="title fw-bold" id="usage-guidelines">Usage guidelines</h2>
            <p class="fw-bold mb-0">Best practices:</p>
            <ol>
                <li>Checkbox