Merge nucleic/rustic-north-robin-niry into main

Mirrored from corpo 1c4eb1b.

src/pages/404.astro

@@ -64,14 +64,6 @@ const description = 'The page you requested does not exist.';
     background-color: var(--paper);
   }
 
-  /* Same as index: no scroll on desktop, so the bounce only exists to expose
-     chrome-side fills the page cannot colour. */
-  @media (min-width: 721px) {
-    html {
-      overscroll-behavior: none;
-    }
-  }
-
   body {
     margin: 0;
     min-width: 320px;

src/pages/index.astro

@@ -159,18 +159,13 @@ const canonical = new URL('/', Astro.site);
     background-color: var(--paper);
   }
 
-  /* Desktop only: the page fits the viewport there, so the rubber band is pure
+  /* The rubber band is deliberately allowed everywhere, desktop included. It was
-     decoration — and macOS Safari fills parts of that bounce from chrome-side
+     suppressed on wide viewports for a while (overscroll-behavior: none) when the
-     surfaces the page cannot colour (the render-time tint sample, the refresh
+     bounce was exposing fills the page didn't yet control — but the owner found the
-     spinner well), which is where the band still leaked through after every
+     page felt dead without it, and by now every pixel a bounce can reveal is owned:
-     page-side colour was right. No bounce, no surface to mis-fill. Phones keep
+     body's background-color fills the gap, and the ambient layer carries its own
-     the native feel: the page actually scrolls there, iOS honours body's
+     --paper apron beyond every edge. If banding ever returns out there, fix the
-     background-color for the gap, and none would also cost pull-to-refresh. */
+     surface it comes from rather than re-locking the scroll. */
-  @media (min-width: 721px) {
-    html {
-      overscroll-behavior: none;
-    }
-  }
 
   body {
     margin: 0;