/* ============================================================
   Element defaults shared by every page.
   Surface colours belong to the page stylesheet, not here.
   ============================================================ */

* { box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0;
}

canvas,
img,
svg {
  display: block;
  max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}