@media (max-width: 600px) {

    /* Header */

    h1 {
        font-size: var(--spacing-lg);
    }

    h2 {
        font-size: calc(var(--spacing-lg) * 0.975);
    }


    /* Header Layout */

    .site-header-inner {
        padding: 0 var(--spacing-xs);
    }

    .site-header-left,
    .site-header-right {
        gap: 0;
    }

    .site-header-button {
        padding: 0 var(--spacing-xs);
    }

    .site-logo {
        font-size: var(--spacing-md);
    }


    /* Mobile menu borders */

    .site-header-left > * + *::before,
    .site-header-right > * + *::before {
        background-color: transparent;
    }

    .site-header-left:has(> * + *) {
        border-right: 1px solid transparent;
    }

    .site-header-right {
        border-left: 1px solid transparent;
    }


    /* Mobile menu toggle */

    .site-header-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 var(--spacing-xs);
        background: transparent;
        color: var(--font-color-primary);
        border: none;
        cursor: pointer;
    }

    .site-header-menu-toggle i {
        color: inherit;
    }

    .mobile-only-header-label {
        display: inline-block;
    }


    /* Mobile navigation */

    .site-header-right {
        display: none;
    }

    .site-header-right.is-open {
        display: flex;
        position: absolute;
        top: var(--header-height);
        right: 0;
        flex-direction: column;
        align-items: stretch;
        width: 200px;
        height: auto;
        background: var(--background-color-primary);
        border-left: 2px solid var(--border-color);
        border-bottom: 2px solid var(--border-color);
    }

    .site-header-right.is-open .site-header-button {
        width: 100%;
        min-height: var(--header-height);
        justify-content: center;
        padding: 0 var(--spacing-md);
    }


    /* Dropdowns */

    .site-header-right.is-open .site-header-dropdown {
        position: relative;
        z-index: 1;
    }

    .site-header-right.is-open .site-header-dropdown.is-open {
        z-index: 10;
    }

    .site-header-right.is-open .site-header-dropdown-menu {
        width: 200px;
        border: 2px solid var(--border-color);
        top: calc(100% - 1px);
        opacity: 0;
        visibility: hidden;
    }

    .site-header-right.is-open .site-header-dropdown.is-open .site-header-dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .site-header-right.is-open .site-header-dropdown-menu a {
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
    }


    /* Mobile menu order */

    .site-header-right.is-open .account-dropdown {
        order: 1;
    }

    .site-header-right.is-open .notifications-button {
        order: 2;
    }

    .site-header-right.is-open .tier-list-dropdown {
        order: 3;
    }

    .site-header-right.is-open .admin-dropdown {
        order: 4;
    }


    /* Buttons */

    .btn-sm {
        font-size: var(--spacing-sm);
        padding: var(--spacing-2xs);
    }


    /* Modals */

    .modal-box {
        width: 75%;
    }


    /* Page Tabs */

    .page-tab.horizontal {
        font-size: 3vw;
    }

    .page-tab.vertical {
        font-size: 2.5vw;
        width: 125px;
    }

    .col.page-tabs .page-tab-content {
        min-height: calc(91vh - var(--header-height) - 100px);
    }


    /* Tabulator */

    .tabulator .tabulator-cell .no-results {
        text-align: left;
    }

    .tabulator .tabulator-col-resize-handle {
        pointer-events: none !important;
    }
}