How to style different accordions on the same page

I have one accordion embedded within another, currently both use material skin so it is difficult to distinguish between them. What I want to do is make the header colour of the child accordion cells different to the parent. It would be simple enough to set a style in my page that targets only the second accordion but I can’t see any way to do that because there do not appear to be id’s set on the accordion’s div elements in the html.

The other option I read about in the docs is to create a custom skin and then set the second accordion to use that skin but this seems like overkill to change just one header colour.
Any ideas?

The only solution is to set the different skins for your accordion objects.

No the answer I was hoping for but thank you for the reply