/* Desktop layout follows the reference site's centered 750px content column. */
@media (min-width: 769px) {
    html {
        height: auto;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 50px !important;
    }

    body {
        width: 750px;
        height: auto;
        min-height: 100vh;
        margin: 0 auto;
        overflow: visible;
        transform: none !important;
        cursor: auto;
        -webkit-user-select: text;
        user-select: text;
    }

    .bui-page {
        height: auto;
        min-height: 100vh;
        display: block;
        background: #fff;
    }

    .bui-page > main {
        height: auto !important;
        overflow: visible;
    }

    .desktop-history .bui-page {
        height: 100vh;
        min-height: 0;
        display: flex;
    }

    .desktop-history .bui-page > main {
        flex: 1;
        min-height: 0;
        overflow: hidden;
    }

    .desktop-history #scrollList {
        height: 100% !important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .desktop-history .bui-scroll-main {
        transform: none !important;
    }

    #nav2.fixed {
        left: 50%;
        right: auto;
        width: 750px;
        transform: translateX(-50%);
    }

    .back-top {
        right: calc((100vw - 750px) / 2 + 25px);
    }

    .bui-dialog-center {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        max-width: 700px;
        max-height: calc(100vh - 40px);
    }
}