Horizontal Marquee Band Features Block for React

Press the Pause scrolling button above the strip: it's a real button before the strip in the reading order, it shows a pause or a play icon, and it reports whether the strip is paused. The strip also pauses while the pointer is over it or focus is inside it. Moving content can be stopped, as WCAG asks.

The strip doesn't scroll at all. It becomes a still row that you can scroll sideways yourself, the repeated copies that make the loop are removed, and the edge fade is off so no chip is hidden. The Pause button is hidden then, because there is nothing to pause.

Edit CAPABILITIES at the top of the file: each has an icon, a name and a metric. Ten is enough for the strip to be longer than a wide screen; with fewer, add more. The repeated copies are hidden from assistive technology and can't be tabbed to, so a screen reader hears each chip once.

Edit REMINDERS, REFILLS and SCHEDULE for the titles and sentences; each cell takes its drawing as its child. The drawings are decoration, hidden from assistive technology, and the bottle's count and the week's doses are derived from PILLS, TAKEN and DAYS.

Yes. The chips, the cells and the drawings use card, muted and foreground tokens, with no dark scope and no primary surface, so the section follows light and dark and every preset.

The strip keeps scrolling at its own size, with the Pause button under the header, and the three cells stack one per row with room between them for their overshoot lines. Nothing scrolls sideways at 320 pixels except the strip itself.