One look everywhere

Steps

1. 1 None Offstage: provisioning an event to sell (the instance had none on sale) 0:00
2. 2 Member The exchange, which used to be a list of headings 0:04 ▣

   Every event on every page goes through ui.event_card. The exchange predated the macros and was never migrated, so it escaped the last sweep — the page list is why, and the page list now includes it.

3. 3 Member One event's marketplace 0:06 ▣

   The note, verbatim: use the hero image for the show poster. An exchange is still a page about a show.

4. 4 Member Reserve a ticket to reach the payment choice 0:08 ▣
5. 5 Member Choosing how to pay 0:09 ▣

   Cards, not a form. The border and the inset ring say which one is chosen — the native dot in the corner was saying it a second time.

6. 6 Member Choose the other method by clicking its card 0:10 ▣

   Painted out, still clickable, still checkable. The input sits inside its label — a click on those invisible 13px selects the option exactly like a click anywhere else on the card.

7. 7 Member Tab to it and the card says so 0:11 ▣

   :has(input:focus-visible) carries the ring the dot used to show. opacity:0 and not display:none is exactly why the keyboard still reaches it.