/* =====================================================================
   Identical framing on every 16:9 screen.

   The canvas is scaled by documentElement.clientWidth, which EXCLUDES the
   scrollbar. That gutter is a fixed 15px whatever the window size, so it
   takes a shrinking share of the width as monitors get wider - 1.2% at
   1280, 0.4% at 3840 - and the same design ends up framed slightly
   differently on each one. Measured drift of the footer line across 16:9
   sizes was 2.58% of viewport height on the inner pages.

   Reclaiming the gutter makes the scale exactly width / 1280 everywhere, so
   the beginning, the end and the widths all land in the same place on any
   16:9 viewport. Wheel, trackpad, touch and keyboard scrolling are all
   unaffected - only the drawn scrollbar goes.

   No page carries a stylesheet shared by all the others, so this lives in
   its own file and is linked from each page.
   ===================================================================== */
html { scrollbar-width: none; }
html::-webkit-scrollbar { width: 0; height: 0; }