/* Pointer-driven desktop and tablet previews: no browser gutter, transparent rail. */
@media (min-width: 641px) and (min-height: 601px) and (hover: hover) and (pointer: fine) {
  html, body { scrollbar-width: none; -ms-overflow-style: none; }
  html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }

  .desktop-scroll-rail {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    z-index: 90;
    background: transparent;
    pointer-events: none;
  }

  .desktop-scroll-thumb {
    position: absolute;
    right: 0;
    width: 14px;
    min-height: 32px;
    cursor: grab;
    pointer-events: auto;
    touch-action: none;
  }

  .desktop-scroll-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 0;
    width: 4px;
    border-radius: 4px;
    background: rgb(47 49 43 / 38%);
    transition: background .2s, width .2s;
  }

  .desktop-scroll-thumb:hover::after,
  .desktop-scroll-thumb.dragging::after {
    width: 6px;
    background: rgb(47 49 43 / 68%);
  }

  .desktop-scroll-rail[hidden] { display: none; }
}