/* Site-wide corrections to Tabler. Loaded immediately after tabler.css in
   every layout (app, league, tournament).
   Keep this file small and each rule explained — it wins over the vendor
   stylesheet, so anything in here is invisible to anyone reading tabler.css. */

/* Tabler sets, at >=992px:
       :root, :host { margin-left: calc(100vw - 100%); }
   That is its guard against the page jumping sideways when a scrollbar appears
   and disappears between pages. The cost is that the whole document is pushed
   right by the width of the scrollbar (~15px), so nothing can reach the left
   edge of the window — every navbar sits in from the edge with a strip of page
   background beside it.

   scrollbar-gutter does the same job properly: the browser reserves the
   scrollbar's space inside the viewport, so there is still no sideways jump,
   and the document once again starts at x=0. Browsers too old to know the
   property simply lose the jump-prevention, which is cosmetic. */
:root,
:host {
    margin-left: 0 !important;
    margin-right: 0 !important;
    scrollbar-gutter: stable;
}