/* Shared mobile side drawers: horizontal button box, vertical inner label for Safari. */
@media (max-width: 768px) {
    :is(#page-index-m, #page-search-m, #page-search-detail-m) button.sidebar-drawer-toggle {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        writing-mode: horizontal-tb;
        top: auto;
        bottom: calc(var(--sidebar-drawer-bottom, var(--grid-author-toggle-bottom, 16px)) + env(safe-area-inset-bottom, 0px));
        transform: none;
        width: max-content;
        height: max-content;
        inline-size: max-content;
        block-size: max-content;
        min-width: 32px;
        max-height: none;
        box-sizing: border-box;
        padding: 12px 6px;
        font-size: 15px;
        line-height: 1.4;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
        touch-action: none;
        user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        cursor: grab;
    }
    :is(#page-index-m, #page-search-m, #page-search-detail-m) .sidebar-drawer-label {
        display: block;
        flex: none;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        inline-size: max-content;
        block-size: auto;
        white-space: nowrap;
        font-size: 15px;
        line-height: 1.4;
        overflow-wrap: normal;
        word-break: normal;
    }
    :is(#page-index-m, #page-search-m, #page-search-detail-m) .sidebar-drawer-hint {
        display: block;
        flex: none;
        writing-mode: horizontal-tb;
        font-size: 20px;
        line-height: 1;
    }
    .sidebar-drawer-hint svg {
        display: block;
        width: 20px;
        height: 20px;
        pointer-events: none;
    }
    :is(#page-index-m, #page-search-m, #page-search-detail-m) button.sidebar-drawer-toggle.is-dragging {
        cursor: grabbing;
        background: #454545;
    }
    :is(#page-index-m, #page-search-m, #page-search-detail-m) .sidebar-drawer-panel.sidebar-drawer-hidden {
        visibility: hidden;
        pointer-events: none;
    }
}