/* Keep off-canvas navigation scrollable without native arrow controls. */
.canvas-nav-wrap .inner-canvas-nav,
.mobile-nav-wrap .inner-mobile-nav {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.canvas-nav-wrap .inner-canvas-nav::-webkit-scrollbar,
.mobile-nav-wrap .inner-mobile-nav::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.canvas-nav-wrap .inner-canvas-nav::-webkit-scrollbar-button,
.mobile-nav-wrap .inner-mobile-nav::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

/* Owner, 7 Nov: no arrow buttons on scrollbars. `scrollbar-color` on html made Chrome on Windows draw
   standard scrollbars with up/down arrows on every small scroll box; Chromium/Safari get a slim purple
   bar without buttons instead. Firefox keeps its own thin bar (it has no arrows). */
@supports selector(::-webkit-scrollbar){
  html{scrollbar-width:auto!important}
  html,html *{scrollbar-color:auto!important}
  ::-webkit-scrollbar{width:8px;height:8px}
  ::-webkit-scrollbar-track{background:#171717}
  ::-webkit-scrollbar-thumb{background:#bd6efd;border-radius:8px;border:2px solid #171717}
  ::-webkit-scrollbar-button{display:none;width:0;height:0}
  ::-webkit-scrollbar-corner{background:transparent}
}
/* Owner, 7 Nov: no scrollbar lines inside boxes (buttons, cards, code). They still scroll by wheel, touch and keys;
   only the page itself keeps its slim bar. */
body *{scrollbar-width:none}
body *::-webkit-scrollbar{display:none;width:0;height:0}