Icons FAQ Block for React

Edit QUESTIONS: each entry has the question, an icon (any lucide icon), and the three lines, get, when and covered. Keep each line to one sentence. If a question has nothing to say about cover or timing, drop that line from the entry and the markup together rather than padding it.

No. Both the tiles and the line icons are decoration and hidden from assistive technology; the three lines are a real list, read in the same order as they appear. The icons add no information the words don't carry.

Yes. The Accordion takes hiddenUntilFound, so every closed answer stays in the markup as hidden="until-found": search engines see all seven, and the browser's find in page opens the answer that holds a match.

Each question is a button inside its own h3 under the section's h2, so a screen reader's headings list shows them all. Tab moves from question to question, Enter or Space opens and closes one, and the button says whether it's expanded. The open answer is labelled by its question.

The tile stays at 40 pixels and the question wraps beside it, the frame narrows to the column, and the answer lines run from the tile's start edge at full width. Nothing scrolls sideways at 320 pixels.