Notes

An editorial FAQ for a narrowboat hire firm: a topic rail on the left lists the four groups, and each group on the right has a big brand numeral, a ruled heading and its own Breakdance Advanced Accordion, finishing on a brand-flooded contact card. Every accordion colour (title, icon, open state, hover, borders) is set to the theme tokens, and only the first group opens its first question on load. Answers are built from ordinary Text elements inside each accordion item, so you can add a pill row or a link where it helps. If you want the rail to jump to each group, give the group Divs an ID and turn the rail labels into links.