Projected phone menu dialog: items keep core's flex row, labels truncate and panel loses its background #2726

Follow-up to #2719 and #2720 (refs #2554). With both merged, Dunbar Oaks' phone menu (Wix, DLA main capture) opens and its links show and can be tapped, but it still differs from the source capture at 375px:

1. Labels cut off. Items are 100px wide, so "Annual Meetings" and "News & Events" render as "...l Meetings" and "...s & Events". In the source, nav, list and items are all block (each item is 155px). In the import, core/navigation keeps its flex row default because the nav declares no display and withResolvedNonFlexNavigationLayout() skips it; the list is display:contents, so each item becomes a flex item sized by min-width:100px. Changing that default touches every list navigation, so it needs care.
2. Column off centre. The nav sits about 14px right of its source position (x=179 against a centred column).
3. Panel background is white instead of the source's beige.

Separately, and also true before these PRs: the menu links point at the original domain (https://www.dunbaroakshoa.com/schools).

A related case on Squarespace (St Francis Pet Hospital): inside the open dialog, the folder lists get translateX(330px) and nested folders are hidden, so items sit off screen.

🤖 Generated with Claude Code