.wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) {
            display: flex;
            flex-direction: column;
            height: auto;
            min-height: calc(100dvh - var(--global-nav-header-height))
        }

        .wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) .wf-above-the-fold-grow {
            display: flex;
            flex-direction: column;
            flex: 1;
            min-height: 0
        }

        .wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) .wf-above-the-fold-grow>section,
        .wf-above-the-fold:has(.wf-above-the-fold-static>*, .wf-above-the-fold-grow>*):not(:has(.wf-above-the-fold-static .csol-in-editor-message, .wf-above-the-fold-grow .csol-in-editor-message)) .wf-above-the-fold-grow>div {
            flex: 1;
            width: 100%
        }