fix(storybook): keep the SW Header and Footer Responsive More 1920 rows inside the content area

src/sw/sw-footer-stories.css

@@ -32,7 +32,7 @@
 .sw-footer-story-inline { display: inline-flex; flex-direction: column; padding: 0; }
 .sw-footer-story-width + .sw-footer-story-width { margin-top: 16px; }
 /* The hidden 1920px row (Responsive More, narrower than 1920px) takes its gap with it. */
-@container sw-story-page (max-width: 1999.98px) { .sw-story-responsive-wide + .sw-footer-story-width { margin-top: 0; } }
+@container sw-story-page (max-width: 1999.98px) { .sw-story-responsive-hidden + .sw-footer-story-width { margin-top: 0; } }
 .sw-footer-story-aux-compare { display: grid; grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); gap: 16px; }
 .sw-footer-story-aux-row { display: flex; align-items: center; gap: 12px; margin: 0; }
 .sw-footer-story-aux-row figcaption { flex: 0 0 120px; font-size: 12px; color: #3d4a45; }

src/sw/sw-footer.stories.tsx

@@ -386,7 +386,8 @@ export const Responsive: Story = {
       {/* Same 1920px row rule as SW Header / SW Viewer Responsive More (sw-stories.css .sw-story-responsive). */}
       <div className="sw-story-responsive">
         {[1920, 1440, 1280, 950, 860, 760].map(width => (
-          <div key={width} className={`sw-footer-story-width${width === 1920 ? " sw-story-responsive-wide" : ""}`}>
+          // 2026-10-23: the 1920 row stays inside the Story column (as SW Viewer › Responsive) and is hidden on narrow pages.
+          <div key={width} className={`sw-footer-story-width${width === 1920 ? " sw-story-responsive-hidden" : ""}`}>
             <StorySection title={`${width}px`}>
               <Screen width={width} canvas={90}><ReferenceFooter /></Screen>
             </StorySection>

src/sw/sw-header.stories.tsx

@@ -787,7 +787,8 @@ export const ResponsiveMore: Story = {
       <StoryPageHeader title="SW Header — 화면 너비" />
       <div className="sw-story-responsive">
         {MORE_WIDTHS.map(width => (
-          <div key={width} className={width === 1920 ? "sw-story-responsive-wide" : undefined}>
+          // 2026-10-23: the 1920 row stays inside the Story column (as SW Viewer › Responsive) and is hidden on narrow pages.
+          <div key={width} className={width === 1920 ? "sw-story-responsive-hidden" : undefined}>
             <StorySection title={`${width}px`}>
               <MenuFrame width={width} fluid><StyleHeader /></MenuFrame>
             </StorySection>

src/sw/sw-stories.css

@@ -1,14 +1,12 @@
 /* Story canvas only: frames that simulate a header width. Never styles the header itself. */
 .sw-story-scroller { max-width: 100%; overflow-x: auto; }
-/* Responsive More pages (2026-10-22): the 1920px row shows when the page has 1920px of usable width — the page
-   (container sw-story-page, not the browser) minus its 40px gutters, so 2000px — and then reaches out of the 80vw Inner
-   evenly to its full 1920px; with less room the whole row — title, header, background, margin — is hidden. */
+/* Responsive More pages: the 1920px row (sw-story-responsive-hidden) shows when the page has 1920px of usable width —
+   the page (container sw-story-page, not the browser) minus its 40px gutters, so 2000px; with less room the whole row —
+   title, header, background, margin — is hidden. 2026-10-23: it stays inside the Story column like every other row (the
+   former reach-out of the 80vw Inner, sw-story-responsive-wide, is gone); its preview is at most 1920px wide. */
 .sw-story-responsive { container-type: inline-size; }
 .sb-page:has(.sw-story-responsive) { container: sw-story-page / inline-size; }
-.sw-story-responsive-wide { width: 1920px; max-width: none; margin-inline: calc((100% - 1920px) / 2); }
-/* sw-story-responsive-hidden (2026-10-23, SW Viewer Responsive): the same hiding for a 1920 row that stays inside the
-   Story column (no reach-out). */
-@container sw-story-page (max-width: 1999.98px) { :is(.sw-story-responsive-wide, .sw-story-responsive-hidden) { display: none; } }
+@container sw-story-page (max-width: 1999.98px) { .sw-story-responsive-hidden { display: none; } }
 .sw-story-frame { background: #060606; }
 /* Shared drawing-area canvas of the SW Stories (2026-10-19): the SW/Viewer black grid — 40px cells, 1px lines of
    HM green #266651 at 18%, on #0A0A0B. Used behind the SW Header work area and dropdown room and the viewer frames. */