NO JS / only CSS (checkbox hack)

Hi guys !

I looked over a challenging exercice to pratice my newbie Javascript skills, but on this one I finally managed to used only CSS and get a good result that I'm proud of :)

There are few things I wanted to fix, but I couldn't find any solution for them, maybe because I don't have enough experience for it... I would be grateful if you would give me some leads on those :

1. I used checkbox hack with radio buttons to have only one field opened at a time. The problem with this solution is that it seems a radio button cannot be unchecked using only CSS... Means I can't close all the fields once I opened one of them.

2. I had to set a maximum height: 400px; to avoid fields from going over the div they are located in. I wonder if there is a better way to do it, for example by extending my div when it happens. I don't know if it's possible using only CSS.

3. I had to play with selectors to put labels in bold and rotate arrows, but I didn't manage to do it without putting my checkbox before my label. I therefore had to set checkbox width: 0;, but this leaves a little space before my label.

Anyways, this taught me few things, but unfortunately not in JS !

For my next challenge, I will try to use SCSS for the first time, and still work on my JS skills :)

Thanks for your feedback. Peace !