/*
    @example
    <section>
        <h2>My Section</h2>
        <section>
            <h3>My Nested Section</h3>
        </section>
    </section>
*/
@layer component {
    section {
        border-radius: var(--border-radius);
        background: var(--barground-darker-color);
        margin-bottom: var(--space-m);

        & > section {
            margin-left: var(--space-m);
        }
    }
}