.mobile-page-context,
.mobile-page-context[hidden] { display: none; }

@media (max-width: 1023px) {
    .mobile-page-context:not([hidden]) {
        position: fixed;
        z-index: 29;
        top: var(--mobile-page-nav-height, 68px);
        right: 0;
        left: 0;
        display: block;
        border-bottom: 1px solid var(--border);
        background: #fff;
        box-shadow: 0 6px 14px rgba(20, 55, 90, .06);
        pointer-events: none;
    }

    .mobile-page-context .container {
        display: flex;
        align-items: center;
        min-height: 36px;
    }

    .mobile-page-context__label {
        display: block;
        min-width: 0;
        overflow: hidden;
        color: var(--accent2);
        font-size: .78rem;
        font-weight: 700;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}