.aw-page {
    @apply bg-page-bg;
    width: 100%;
    min-height: 100vh;
    /* min-height: -webkit-fill-available; */
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* full height in aw-layout */
    color: var(--c-on-surface);

    &__title {
        margin: 0;
    }

    &__subnav .aw-tab-nav {
        border-bottom: none;
    }

    &__content {
        padding-top: calc(1.5rem - var(--header-padding-bottom));
        padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px) + var(--page-buttons-bottom, 0px));
        flex-grow: 1;
    }

    &__grid {
        display: grid;
        gap: theme('spacing.4', 1rem);
    }

    /* TODO: remove when block removed */
    &__heading {
        display: contents;
    }

    &__mobile-title {
        padding: 0;

        font-size: 1.25rem;
        line-height: 1.2;
        font-weight: bold;
        margin-bottom: 1.5rem;
    }

    &__top-scroll-mark {
        height: 1px;
        margin-bottom: -1px;
        /* margin-top: -1.5rem;
        margin-bottom: 1.5rem; */
    }
}

@screen lg {
    .aw-page {
        &__back {
            margin-right: 1rem;
        }

        &__mobile-title,
        &__top-scroll-mark {
            display: none;
        }

        &__grid {
            grid-template-columns: repeat(2, minmax(1rem, 1fr));
        }

        &__aw-bottom-bar.aw-bottom-bar {
            display: none;
        }
    }
}