Phase 220 plan: a phone opens on what needs attention

Measured on an iPhone 13 (390 by 664 in Playwright) with the sample dashboard:

• The four figure cards stack in one column, each 350 by 90. The grid is repeat(auto-fit,minmax(170px,1fr)) with a 12px gap. Two columns need 352px, and the content box of a 390px phone is 350px, so it misses by 2px.
• "What needs attention", the ranked list a merchant acts on, starts at y=743, below the first screen. The Shopify mobile app's frame is shorter still, under its own top bar.

1. Let the cards pair up on a phone: a smaller column minimum (about 150px), checked for the longest card label wrapping cleanly at 320px. Do the same on the homepage if it uses the same rule.
2. Browser test: at 390 by 664 the cards form two columns and the "What needs attention" heading starts inside the first screen, in the app and on the homepage. Check that it fails first.
3. Gates, port to deploy-fresh, riding the pending release.

1. The figure cards' minimum is now 130px, down from 170px, in src/dashboard.mjs and public/index.html. At 390, 360 and 320 the four cards pair into two rows of two. At 320 each card is 134px wide, and I checked all four labels there: none overflows, and the longest wraps to two lines. 140px, the value I tried first, still stacked at 320 (2 × 140 + 12 = 292 > 280).
2. The app: on an iPhone 13 (390×664), "What needs attention" is now within the first screen. Before, it started at y=743.
3. The homepage: the heading started at 1003px, and the cards themselves started at 618, so a phone's first screen showed no figure at all. Four header rows (170px) and three paragraphs of pitch sit above the cards. On phones only (≤420px), the header pills are slightly smaller, so "We scanned 298 catalogues" and "Which size goes first?" share a row, and the pitch paragraphs are spaced tighter. No copy was cut. The header is now 122px and the cards start at 570, so the first screen shows 471 and 15%. At 320 the cards are still below the fold (743), because the pitch runs longer on a narrow screen. I left that alone.
4. Test in test/browser/columns.test.mjs, for both the app and the homepage: an iPhone 13 shows two card rows. On top of that, the app's first screen must reach "What needs attention", and the homepage's must reach the first card. Before the change both failed: "What needs attention starts at 1003px", then "the figure cards start at 618px".
5. Gates: npm test 565/565, browser 61/61, figures all modes pass. Sitemap regenerated. Main is at 8f728e6. The port to deploy-fresh is ab28b94 (562/562, 61/61, no symlinks).

The change rides the pending release, which now carries Phases 202 and 204–220. LEARNED also has the Phase 219 lesson, which I still owed: a fixture has to be windowed the way production windows it.