.faq-page {
    padding-bottom: 3rem;
    --card-correction-margin: 1.3rem;

    .faq-hero {
        .faq-hero-copy {
            color: var(--color-muted);
        }
        h1 {
            margin-bottom: 2rem;
        }
    }

    .faq-groups {
        display: grid;
        gap: 2rem;

        .faq-group {
            display: grid;

            h2 {
                margin-bottom: 0.7rem;
            }

            .navigation-button-container {
                margin-top: 2rem;
                display: none;
            }

            &.has-overflow .navigation-button-container {
                display: flex;
            }
        }
    }
}