Notes

A help-centre FAQ for a fictional rural broadband provider: a centred headline over a static search field and a row of popular question chips, then two Breakdance Advanced Accordions side by side and an inverted contact card with the average reply time. The search bar and chips are plain Divs and Text, so swap in your own search form or link each chip to its answer. Both accordions use the pills style with every state (closed, hover, open, icon and border) set to theme tokens, and only the first question in the left column opens on load. The contact card uses the heading colour as its ground, so it stays inverted in dark mode.