s collapsed by default. Each item's content can be expanded and then collapsed by clicking the title allowing users to expose content in a progressive manner. Accordions minimize scrolling on long pages and display critical information first.</p>

<h2 id="base-example">Base example</h2>

<p>    <div class="c-accordion">
    <input class="accordion__input" id="accordion-id-1"  name="accordion-checkbox" type="checkbox">
    <label for="accordion-id-1" aria-controls="accordion-aria-control-1" aria-expanded="fa