/* The browser's defaults, undone — and only those. Everything the page
   decides for itself is base.css. */
@layer reset {

* { box-sizing: border-box; }

/* Sideways is never a direction this app scrolls: clip rather than hide,
   so nothing here becomes a scroll container and the fixed masthead goes
   on behaving. */
html, body { overflow-x: clip; }

body {
  margin: 0;
  /* The dynamic viewport, not the large one: 100vh on iOS measures the
     page as if the browser chrome were hidden, which leaves the last
     screenful reaching past the fold. */
  min-height: 100dvh;
}

}