/* Desktop sidebar show/hide. Loads after theme.css (see includes/header.php), so it overrides
   the rules there that hid the menu button and forced the sidebar open at 768px and up. */
@media (min-width: 48rem) {
  /* Bring the menu button back. */
  .site-header .sidebar-btn { display: inline-flex; }

  /* The header spans the full width, so the button sits top-left above the sidebar. */
  html.js .site-header { margin-left: -260px; transition: margin-left .25s ease; }
  html.js body { transition: padding-left .25s ease; }
  html.js .sidebar { transition: transform .25s ease, visibility 0s; }

  /* Collapsed: sidebar slides away and the page takes the full width. */
  html.js.sb-collapsed body { padding-left: 0; }
  html.js.sb-collapsed .site-header { margin-left: 0; }
  html.js.sb-collapsed .sidebar {
    transform: translateX(-100%); visibility: hidden;
    transition: transform .25s ease, visibility 0s linear .25s;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.js .site-header, html.js body, html.js .sidebar { transition: none !important; }
}