/* Independent application-shell scrolling: sidebar and workspace do not move each other. */
@media (min-width: 861px) {
    html, body {
        height: 100%;
        overflow: hidden;
    }

    .qs-shell {
        height: 100vh;
        min-height: 100vh;
        grid-template-rows: auto minmax(0, 1fr) auto;
        overflow: hidden;
    }

    .qs-body {
        height: 100%;
        min-height: 0;
        overflow: hidden;
        align-items: stretch;
    }

    .qs-sidebar {
        height: 100%;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .qs-content {
        height: 100%;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}