#workspace { display: grid; grid-template-columns: 268px minmax(0, 1fr); gap: 1.5rem; align-items: start; }
#workspace .nav { width: 268px; position: sticky; top: 1rem; flex-direction: column; align-items: stretch; margin: 0; }
#workspace .nav #nav-links { display: grid; gap: .2rem; }
#workspace .nav .nav-exit { margin-left: 0; }
.menu-toggle { display: none; }
.workspace-content { min-width: 0; }
@media (max-width: 850px) {
  #workspace { display: block; }
  #workspace .nav { width: 100%; position: relative; flex-direction: row; flex-wrap: wrap; overflow: visible; }
  #workspace .nav .menu-toggle { display: inline-flex; align-items: center; gap: .55rem; background: #c8101e; }
  #workspace .nav #nav-links { display: none; position: absolute; z-index: 5; top: calc(100% + .35rem); left: 0; right: 0; padding: .55rem; border-radius: 10px; background: #071b43; box-shadow: 0 12px 28px #071b4350; }
  #workspace .nav.menu-open #nav-links { display: grid; }
  #workspace .nav #nav-links button { text-align: left; color: #fff; }
  #workspace .nav #nav-links button.nav-active { background: #c8101e; color: #fff; }
  #workspace .nav .nav-exit { margin-left: auto; }
}