/* Desktop navigation hide/show mode.
   Uses the existing Shell menu button state so mobile keeps the hamburger drawer,
   while desktop can hide the left sidebar for a wider workspace. */

@media (min-width: 961px) {
  .shell__menu-toggle {
    display: inline-flex;
    margin-left: 0;
  }

  .shell__menu-toggle .shell__menu-label {
    font-size: 0;
  }

  .shell__menu-toggle .shell__menu-label::after {
    content: 'Hide nav';
    font-size: 13px;
    letter-spacing: 0.01em;
  }

  .shell:has(.shell__toolbar.is-open) .shell__menu-toggle .shell__menu-label::after {
    content: 'Show nav';
  }

  .shell:has(.shell__toolbar.is-open) .shell__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .shell:has(.shell__toolbar.is-open) .shell__sidebar {
    display: none;
  }

  .shell:has(.shell__toolbar.is-open) .shell__container {
    max-width: min(1600px, 100%);
  }

  .shell:has(.shell__toolbar.is-open) .shell__content-inner {
    width: 100%;
  }
}

@media (max-width: 960px) {
  .shell__menu-toggle .shell__menu-label {
    font-size: 14px;
  }
}