fix(sw): 2026-10-21 SW design review and responsive header without More from 760px

User-approved design review (2026-10-21):
- SW Header: from 760px up nothing moves into More; the five menus stay with their
  titles (titles and values ellipsize), file name shrinks to 96px. Open next to the
  logo no longer blocks field shrinking above 760px (760/768 overflow fixed, also for
  configured `controls` headers). Dropdown yellow ring inside the button, black seam.
- Property Bar values as read-only red text; property popup "=" labels, read-only
  black values, per-entry hover with pointer.
- Home Menu recent files (3 rows, path + name caption, empty preview), Footer + slot
  guide off by default, Viewer file list without icons, Storybook widths 1920-760.
- Tests: old More expectations (integrated-improvement, keyboard-dismiss,
  footer-popup-viewer-refinement, storybook-cleanup-stage1) moved to the new rule;
  functional checks kept.

packages/sw/tests/keyboard-dismiss.browser.mjs

@@ -101,6 +101,11 @@ try {
   await pointerdown('body')
   check('Document title: outside pointerdown closes the list, focus kept', documentOpen && await documentButton.getAttribute('aria-expanded') === 'false' && await documentButton.evaluate(e => e === document.activeElement), { documentOpen })
   await story('sw-header--responsive-more')
+  // 2026-10-21 (user decision): the Story widths are 1920 … 760 and from 760px up the header shows no More. More stays
+  // the narrow-header behavior (< 760), so one frame is narrowed to 640px to dismiss it.
+  check('More: not shown at the Story widths (760px and up)', await page.locator('.hm-sw-header__more-trigger:visible').count() === 0)
+  await page.locator('.sw-story-frame').first().evaluate(e => { e.style.width = '640px' })
+  await page.waitForTimeout(250)
   const more = page.locator('.hm-sw-header__more-trigger:visible').first()
   await more.click()
   const moreOpen = await more.getAttribute('aria-expanded') === 'true'