A summary and the row behind it

Two parts of the page lit at once, as two holes, because one explains the other.

The story

const story = {
  id: 'linked-regions',
  steps: [
    {
      id: 'winning-amount',
      // Two entries, so two cutouts. One element each here. Several
      // elements named in one region's `elements` get unioned into one
      // hole instead, which is what the sandbox case `adjacent-columns`
      // shows.
      target: ['[data-row]', '[data-summary]'],
      message: 'This row is where the figure above comes from.',
    },
  ],
} satisfies LekoStory