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

Mirrored from corpo 86dac28.

src/pages/404.astro

@@ -64,6 +64,14 @@ const description = 'The page you requested does not exist.';
     background-color: var(--paper);
   }
 
+  /* Same as index: macOS Safari's bounce shows chrome-side material the page cannot
+     colour, so wide viewports go without it. */
+  @media (min-width: 721px) {
+    html {
+      overscroll-behavior: none;
+    }
+  }
+
   body {
     margin: 0;
     min-width: 320px;

src/pages/index.astro

@@ -159,13 +159,19 @@ const canonical = new URL('/', Astro.site);
     background-color: var(--paper);
   }
 
-  /* The rubber band is deliberately allowed everywhere, desktop included. It was
+  /* Desktop keeps no rubber band, and this went back and forth twice — don't move it
-     suppressed on wide viewports for a while (overscroll-behavior: none) when the
+     again without new information. Unlocked, macOS Safari still banded even with
-     bounce was exposing fills the page didn't yet control — but the owner found the
+     every page-side pixel owned (body gap fill, ambient apron): parts of its bounce
-     page felt dead without it, and by now every pixel a bounce can reveal is owned:
+     are chrome-side material — the render-time tint sample, the refresh spinner
-     body's background-color fills the gap, and the ambient layer carries its own
+     well — that no page CSS reaches, and the owner judged the occasional band worse
-     --paper apron beyond every edge. If banding ever returns out there, fix the
+     than the lost bounce. Phones keep the native feel: the page actually scrolls
-     surface it comes from rather than re-locking the scroll. */
+     there, iOS fills its gap from body correctly, and none would also cost
+     pull-to-refresh. */
+  @media (min-width: 721px) {
+    html {
+      overscroll-behavior: none;
+    }
+  }
 
   body {
     margin: 0;