.page {
    &__wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: min(520px, 50vh);
    }

    &__scroller {
        overflow-y: scroll;
        margin-top: calc(var(--default-grid-baseline) * 8);
    }

    &__heading {
        text-align: center;
    }

    &__subtitle {
        max-width: 450px;
        margin: auto;
        text-align: center;
    }

    &__content {
        display: flex;
        flex-wrap: wrap;
        gap: calc(var(--default-grid-baseline) * 6);
        justify-content: center;
        margin: calc(var(--default-grid-baseline) * 10) 0;
    }
}