/* The mobile navigation occupies a fixed 72px header instead of a 300px sidebar. */
@media (max-width: 1024px) {
    .page--with-sidebar .sidebar .top-row .navbar-brand .logo-small-text { display: none; }
    .page--with-sidebar .nav-menu-toggle { color: var(--clr-text); background: var(--clr-pink-muted); }
    .page--with-sidebar .sidebar nav { background: var(--clr-surface); visibility: hidden; }
    .page--with-sidebar .sidebar nav.nav--open { visibility: visible; }
    .page--with-sidebar .nav-backdrop { background: rgba(41, 46, 44, .25); }
    .page--with-sidebar .topbar-wrap { padding-left: 0; padding-top: 72px; }
    .page--with-sidebar .topbar-wrap .topbar { padding: 16px 20px; }
    .page--with-sidebar .topbar-wrap .topbar-search { flex: 1 1 0; min-width: 0; }
    .page--with-sidebar .topbar-wrap .topbar-search-inner { min-width: 0; }
    .page--with-sidebar .topbar-wrap .topbar-search-inner input { min-width: 0; padding-left: 6px; }
    .page--with-sidebar .topbar-wrap .top-bar-profile { flex-shrink: 0; }
    .page--with-sidebar > main { padding-top: 32px; }
}