/* Keep the existing responsive grid; the handle overlays its sidebar boundary. */
.sidebar-resizer,.sidebar-resizer-shield{display:none}
@media(min-width:961px){
  .shell{position:relative}
  .shell>.sidebar{min-width:0;overflow-x:hidden}
  .sidebar .topic{min-width:0;max-width:100%}
  .sidebar .topic span:nth-child(2){flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar .resource-nav{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* The hit area extends into the main padding so it does not cover the sidebar scrollbar. */
  .sidebar-resizer{display:block;position:absolute;top:0;bottom:0;width:14px;transform:translateX(-1px);z-index:8;cursor:col-resize;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;border-radius:4px}
  .sidebar-resizer::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;border-radius:2px;background:#66728255;transition:background-color .15s,box-shadow .15s}
  .sidebar-resizer:hover::before,.sidebar-resizer:focus-visible::before,.sidebar-resizer.is-dragging::before{background:var(--accent,#b8d0e6);box-shadow:0 0 0 2px #b8d0e61a}
  .sidebar-resizer:focus-visible{outline:1px solid #b8d0e670;outline-offset:1px}
  .sidebar-resizer-shield{display:block;position:fixed;inset:0;z-index:2147483000;background:transparent;cursor:col-resize;touch-action:none}
}
.sidebar-is-resizing,.sidebar-is-resizing *{cursor:col-resize!important;user-select:none!important;-webkit-user-select:none!important}
.sidebar-resizer[hidden],.sidebar-resizer-shield[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.sidebar-resizer::before{transition:none}}