@media (min-width: 768px) {
    html[data-nav="right"] {
        --nav-w: 164px;
    }

    html[data-nav="right"].sidebar-collapsed {
        --nav-w: 4rem;
    }

    html[data-nav="right"] .page {
        flex-direction: row-reverse;
    }

    html[data-nav="right"] main > .top-row {
        border-image: linear-gradient(270deg,
            var(--insp-yellow) 0,
            color-mix(in srgb, var(--insp-yellow) 40%, var(--bar-tail, #d6d5d5)) 6rem,
            var(--bar-tail, #d6d5d5) 13rem) 1;
    }

    html[data-nav="right"]:not([data-bs-theme="dark"]) main > .top-row {
        background-image: linear-gradient(270deg, #003c58 0%, #0088ca 100%);
    }

    html[data-nav="right"]:not(.sidebar-collapsed) .sidebar .nav-item {
        padding-left: 1rem !important;
        padding-right: 0.3rem !important;
    }

    html[data-nav="right"] .sidebar .nav-item a.active {
        border-left: 0;
        border-right: 4px solid #ffed36;
        border-radius: 4px 0 0 4px;
    }

    html[data-nav="right"]:not(.sidebar-collapsed) .sidebar-toggle {
        order: -1;
    }

    html[data-nav="right"] .sidebar-toggle::before {
        transform: rotate(180deg);
    }

    html[data-nav="right"].sidebar-collapsed .sidebar-toggle::before {
        transform: none;
    }

    html[data-nav="right"] .page-head-gear {
        left: 1.25rem;
    }

    html[data-nav="right"] .hint-bar {
        left: 1.25rem;
        right: calc(var(--nav-w) + 1rem);
    }

    html[data-nav="right"] .hint-dock:has(> .hint-bar.intro)::before {
        left: 0;
        right: calc(var(--nav-w) + 0.5rem);
    }

    html[data-nav="right"] .hint-bulb-wrap {
        right: calc(var(--nav-w) + 1rem);
    }

    html[data-nav="right"] .action-toast {
        right: calc(var(--nav-w) + 1.6rem);
    }

    html[data-nav="right"] .cal-editor-pop {
        right: calc(var(--nav-w) + 1rem);
    }
}