diff --git a/data/img_cache/c2a711709f95114345210e3a041f46124d3f56c7.webp b/data/img_cache/c2a711709f95114345210e3a041f46124d3f56c7.webp
new file mode 100644
index 0000000..5d2ec12
Binary files /dev/null and b/data/img_cache/c2a711709f95114345210e3a041f46124d3f56c7.webp differ
diff --git a/frontend/src/app.css b/frontend/src/app.css
index eb197a4..cc3e0ba 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -34,7 +34,10 @@
 }
 
 * { box-sizing: border-box; }
-html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
+/* Always reserve the scrollbar gutter so the centered top bar / content doesn't jump
+   left-right between pages that scroll and pages that don't. (No-op on overlay-scrollbar
+   platforms like mobile, which never shifted anyway.) */
+html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scrollbar-gutter: stable; }
 body {
   margin: 0;
   background: var(--bg);
diff --git a/goodnews/share.py b/goodnews/share.py
index 536bc1b..4b2aed8 100644
--- a/goodnews/share.py
+++ b/goodnews/share.py
@@ -60,6 +60,8 @@ def _back_link_html(label: str = "Back") -> str:
 # Ported verbatim from HubBar.svelte's <style> (+ HubShell's .back), scoped to the same
 # class names so the bar looks pixel-identical to the SPA regardless of page palette.
 _TOP_BAR_CSS = """
+  /* reserve the scrollbar gutter so the bar doesn't jump left-right between pages */
+  html { scrollbar-gutter: stable; }
   @font-face { font-family:'Hanken Grotesk'; src:url('/fonts/hanken-var.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap; }
   header.bar { display:flex; align-items:center; justify-content:space-between; max-width:1180px; width:100%; margin:0 auto; box-sizing:border-box; padding:26px clamp(18px,5vw,44px) 0; font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif; background:none; border:none; }
   header.bar .brand { display:block; line-height:0; }