@media (min-width: 768px) {
  #nav-sidebar { flex-basis: var(--academy-nav-width, 275px); width: var(--academy-nav-width, 275px); left: calc(-1 * var(--academy-nav-width, 275px) - 1px); margin-left: calc(-1 * var(--academy-nav-width, 275px) - 1px); }
  .main.shifted > #nav-sidebar { margin-left: 0; }
  .main.shifted > #nav-sidebar + .content { max-width: calc(100% - var(--academy-nav-width, 275px) - 24px); }
  #changelist-filter { position: relative; flex-basis: var(--academy-filter-width, 240px); width: var(--academy-filter-width, 240px); min-width: 170px; }
  .academy-panel-grip { position: absolute; top: 0; bottom: 0; width: 8px; cursor: col-resize; z-index: 25; touch-action: none; background: transparent; }
  #nav-sidebar > .academy-panel-grip { right: 0; }
  #changelist-filter > .academy-panel-grip { left: -6px; }
  .academy-panel-grip::after { content: ''; position: absolute; top: 16px; bottom: 16px; left: 3px; width: 2px; border-radius: 2px; background: var(--border-color); }
  .academy-panel-grip:hover::after, .academy-panel-grip:focus-visible::after { background: var(--link-fg); width: 3px; }
  body.academy-resizing, body.academy-resizing * { cursor: col-resize !important; user-select: none !important; }
}
@media (max-width: 767px) { .academy-panel-grip { display: none; } }