/* FindBusiness scrollbar, for every page the agents host serves.

   One file, linked from each page, because the pages do not share a stylesheet:
   index, testbed and preview each carry their own inline <style>, page.css
   covers embed and the legal schedules, and privacy and terms carry neither.
   Duplicating the rule eight times is how it drifts.

   Pointer-fine only. A touch device's overlay scrollbar already auto-hides and
   costs no layout width; styling ::-webkit-scrollbar there pins a permanent 8px
   bar over the content instead. Touch keeps the OS bar. */
@media (hover: hover) and (pointer: fine) {
  /* Firefox ONLY, and the @supports fence is load-bearing. In Blink, setting
     EITHER standard property (scrollbar-color / scrollbar-width) moves the
     element to the standard scrollbar painter, where every ::-webkit-scrollbar
     rule below is dropped: the gradient goes with it and you get a flat
     OS-width bar. scrollbar-color inherits, so one unfenced declaration on html
     would kill the effect for the whole page. Chrome and Safari support the
     selector and skip this block; Firefox does not and takes the flat mid-tone.
     The two properties split because only scrollbar-color inherits: on html
     alone, scrollbar-width would thin the viewport bar and leave every nested
     scroller at Firefox's default. The universal selector is (0,0,0), so an
     element's own `scrollbar-width: none` opt-out still wins. */
  @supports not selector(::-webkit-scrollbar) {
    html { scrollbar-color: #6FB39E rgba(10, 37, 64, 0.06); }
    * { scrollbar-width: thin; }
  }

  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: rgba(10, 37, 64, 0.06); }
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #0A2540, #8BC8B6);
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover { background: #0A2540; }
  ::-webkit-scrollbar-corner { background: transparent; }
}