Почему не переключаются стили?

Если делаете spa, тогда пробуйте подключать медиа-запросы через link или импорт:

<link rel="stylesheet" media="screen and (condition) and (condition)" href=".../example.css">

@import url(example.css) screen and (condition) and (condition);

Как добавить возможность редактирования элементов аккордеона?

Всё правится прямо в нём. Все блюда идут по одному шаблону, отличий и исключений нет.