fix(storybook): hide the SW Viewer Responsive 1920 row on narrow pages

src/sw/sw-viewer.stories.tsx

@@ -331,8 +331,9 @@ export const Responsive: Story = {
         <div className="sw-story-stack sw-story-responsive">
           {[1920, 1440, 1280, 950, 860, 760, 520].map(width => (
             // 2026-10-22 (user request): the 1920 row no longer reaches out of the content area (no sw-story-responsive-wide);
-            // like the other rows it is a maximum inside the Story column.
-            <div key={width}><StorySection title={`${width}px`}>
+            // like the other rows it is a maximum inside the Story column. 2026-10-23: it is hidden on the same narrow pages
+            // as the SW Header / Footer 1920 rows (sw-story-responsive-hidden, sw-stories.css), e.g. a 1920px screen.
+            <div key={width} className={width === 1920 ? "sw-story-responsive-hidden" : undefined}><StorySection title={`${width}px`}>
               {/* The row width is a maximum (2026-10-22): on a narrower screen the header shrinks with it instead of scrolling. */}
               <div className="sw-story-scroller sw-viewer-story-menu-row"><div style={{ width: "100%", maxWidth: width }} data-width={width}><SWViewerHeader {...VIEWER_STORY_LOGO} documentTitle={demo.documentName} {...demo.fileProps} groups={demo.groups} trailing={demo.trailing} onCommand={demo.onCommand} /></div></div>
             </StorySection></div>