docs(storybook): tidy SW Storybook gauges, responsive rows and page titles

- SWPopup Custom Content and the SW Viewer options panel use SWSlider style B
  (appearance="property") only; the A/B comparison, the style select and the
  green panel gauge are gone (SWViewerSlider itself is unchanged).
- SW Header / Viewer / Footer Responsive More: the 1920px row shows only when the
  content Inner is 1920px or wider (container query); Footer rows fit the page
  width without scrollers so ▲ More handles narrow widths.
- Logo pages fit without scrollers; SW Header Logo Slot is "Logo" in the sidebar
  with the title "SW Header — 로고" (ID sw-header--logo-slot kept).
- Property Panel (was "Property Panel · 4개 비교"): no Inner scroller, the page
  scrolls, 2 × 2 grid with one column below 720px.
- SW Footer drops the "실제 Footer 조합 (동작)" heading; SW Viewer Header page is
  titled "SW Viewer Header" with 기본형 and 최소화 · 닫기 버튼 only.
- Browser tests, inventory and README follow these changes; visual baselines are
  not updated.

src/sw/sw-stories.css

@@ -1,5 +1,9 @@
 /* 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 only when the content Inner itself is 1920px or wider
+   (container width, not the browser width); otherwise the whole row — title, header, background, margin — is hidden. */
+.sw-story-responsive { container-type: inline-size; }
+@container (max-width: 1919.98px) { .sw-story-responsive-wide { 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. */
@@ -33,14 +37,12 @@
 .sw-story-compare { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 24px; }
 .sw-story-compare__cell { margin: 0; }
 .sw-story-compare__cell figcaption { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; font-size: 12px; color: #3d4a45; }
-/* Property panel 4-state comparison (2026-10-19): 2 columns × 2 rows at the panels' own size inside a
-   viewport-high page. Only the Inner scroller scrolls (both axes); panels are never shrunk or wrapped. */
-.sw-story-compare-page.sb-page { height: 100dvh; min-height: 0; }
-.sw-story-compare-page > .sb-page-inner { height: 100%; display: flex; flex-direction: column; }
-.sw-story-compare-page .sb-page-header { flex: 0 0 auto; }
-.sw-story-compare-page .sw-story-log { flex: 0 0 auto; margin-top: 12px; }
-.sw-story-compare-scroll { flex: 1 1 0; min-height: 0; overflow: auto; overscroll-behavior: contain; }
-.sw-story-compare.sw-story-compare--grid { display: grid; grid-template-columns: repeat(2, max-content); align-items: start; gap: 24px; width: max-content; }
+/* Property panel 4-state comparison: 2 columns × 2 rows at the panels' own size (314px wide, never shrunk).
+   2026-10-22 (user request): no Inner scroller — the page scrolls normally, and a screen too narrow for two
+   panels (2 × 314 + 24px gap + gutters) shows one column instead of scrolling sideways. */
+.sw-story-compare-page .sw-story-log { margin-top: 12px; }
+.sw-story-compare.sw-story-compare--grid { display: grid; grid-template-columns: repeat(2, max-content); align-items: start; gap: 24px; }
+@media (max-width: 719.98px) { .sw-story-compare.sw-story-compare--grid { grid-template-columns: max-content; } }
 /* Placement-only exception, same as the Overview Stage: the product clamps a panel to the viewport
    height; here the scroller provides the room so the 754px panel keeps its size. */
 .sw-story-compare--grid .hm-sw-property { max-height: none; }