Filter group problems with server side rendering non-JS fallbacks

[ediblecode]

Filter groups are missing their padding when JavaScript doesn't load:

And the collapseByDefault option for filter groups works with JS enabled/loaded. However, is JavaScript doesn't load, then it still collapses but can never be expanded so those checkboxes are unusable:

There are a few ways we could solve the second issue:

• only honour collapseByDefault client-side e.g. after componentDidMount or useEffect, but this will cause a layout shift
• use anchors from the group to the options, and use :target in CSS to expand the group
• use a details element

[ediblecode]

Picked up by @lizaadebowale in testing for the guidance/advice list