/* Six-pixel visual rail with a larger hit area, desktop only. */
.desktop-scrollbar { display: none; }
@media (min-width: 901px) and (hover: hover) and (pointer: fine) and (forced-colors: none) {
  html.has-custom-scrollbar { scrollbar-width: none; }
  html.has-custom-scrollbar::-webkit-scrollbar,
  html.has-custom-scrollbar body::-webkit-scrollbar { width: 0; height: 0; }
  .desktop-scrollbar:not([hidden]) {
    display: block; position: fixed; z-index: 60; inset: 104px 8px 28px auto;
    width: 26px; padding: 0; touch-action: none; user-select: none;
    -webkit-user-select: none; cursor: pointer; outline: none;
  }
  .desktop-scrollbar::before {
    content: ''; position: absolute; inset: 0 10px; border-radius: 999px;
    background: var(--line); opacity: .7;
  }
  .desktop-scrollbar-thumb {
    position: absolute; top: 0; left: 10px; width: 6px; height: 80px;
    border-radius: 999px; background: var(--blue); opacity: .75;
    pointer-events: none; transition: opacity 150ms ease;
  }
  .desktop-scrollbar:hover .desktop-scrollbar-thumb,
  .desktop-scrollbar.is-dragging .desktop-scrollbar-thumb { opacity: 1; }
  .desktop-scrollbar:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 8px; }
}