/* The main navigation remains on the left at every screen width. */
body .app-shell>.sidebar .main-nav .nav-item.is-navigation-pending {
  background:#263343;color:#fffefa;
  box-shadow:inset 3px 0 var(--gold);transition:none;
}
@media (max-width:850px) {
  body .app-shell {display:grid;grid-template-columns:58px minmax(0,1fr)}
  body .app-shell>.sidebar {position:sticky;top:0;height:100dvh;padding:18px 5px;gap:24px}
  body .app-shell>.sidebar .brand {justify-content:center;padding:0}
  body .app-shell>.sidebar .brand-copy {display:none}
  body .app-shell>.sidebar .brand-mark {width:30px;font-size:26px}
  body .app-shell>.sidebar .main-nav {display:flex;flex-direction:column;gap:7px}
  body .app-shell>.sidebar .nav-item {min-height:44px;padding:10px 7px;border:1px solid transparent;border-radius:6px}
  body .app-shell>.sidebar .nav-item.active {background:#263343;border-color:#344150}
  body .app-shell>.sidebar .nav-label {font-size:0;gap:0}
  body .app-shell>.sidebar .nav-icon,
  body .app-shell>.sidebar .nav-icon .icon {width:19px;height:19px}
}