An attempt to make the scoped smart_answers styles more explicit

Scoping means we can overide styles from static.
Making them more explicit reduces knock on effects from changes to
these classes from static.

I have added some comments to highlight some parts that I think could
do with refectoring

https://www.agileplannerapp.com/boards/105200/cards/6024
You're still right it's a bit confusing without a comment, so maybe update it to say `h2` is used for multiple questions on a page? Works for me.