body.portal-layout {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.portal-layout > .page-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
}

.portal-layout > .page-shell:has(> .hero) {
    padding-inline: max(34px, calc((100% - 1800px) / 2 + 34px));
}

.quiz-editor-toolbar .round-navigation {
    margin-left: auto;
}

.quiz-editor-toolbar .round-tabs {
    justify-content: flex-end;
}

@media (max-width: 900px) {
    .portal-layout > .page-shell:has(> .hero) {
        padding-inline: 20px;
    }

    .quiz-editor-toolbar .round-navigation {
        width: 100%;
    }

    .quiz-editor-toolbar .round-tabs {
        width: fit-content;
        max-width: 100%;
        margin-left: auto;
    }
}

@media (max-width: 700px) {
    body.portal-layout {
        height: auto;
        min-height: 100vh;
        min-height: 100dvh;
        overflow: visible;
    }

    .portal-layout > .page-shell {
        flex: 1 0 auto;
        min-height: auto;
        overflow-y: visible;
        overscroll-behavior-y: auto;
    }
}