/* Content that slides in from the side (custom.js: .anim-right starts 50px to the
   right) sticks out past the screen edge until it has moved in. Phones then take
   the page for wider than the screen: it zooms out a little and can be pushed
   sideways while scrolling. The page content is clipped at its own edges instead.
   clip, not hidden: no scroll container, so window scrolling and the scroll-
   triggered animations stay as they are; hidden is the fallback for Safari < 16. */
main {
  overflow-x: hidden;
  overflow-x: clip;
}