Real production components (Card, formatTourWhen) rendered via react-dom/client in jsdom, combined with the branch's actual compiled Tailwind CSS served by the dev server (no auth needed — this is a static asset). Screenshotted in real Chromium via Playwright. Captured because local SMOKE_PASSWORD is not configured on this machine (documented pre-existing gap), so a live authenticated page load wasn't available.
Left card: a full-facts tour (date+time range, unit) — the merged single "When" fact instead of two separate Date/Time cells.
Right card: a tour with only a date and no confirmed time — the flex flex-wrap layout leaves no empty "Unit" grid cell, which the old fixed grid-cols-2 sm:grid-cols-4 would have.
Both render through the exact production formatTourWhen function and the shared Card component — this is not a mockup.