Задался вопросом как лучше всего писать стили. Допустим у меня

Question

Задался вопросом как лучше всего писать стили. Допустим у меня

есть блоки, но они не используются на всех страницах сайта. Получается каждая страница использует только 30% css файла.

Стоит делать для каждой страницы css с нужными блоками или нет?

Так же есть блоки, стили которых видно при определенных обстоятельствах. Например, акордионы, или ховер.

Стоит их выносить в отдельный файл? Чтобы первый был critical, а второй нет? Или critical лучше сделать чисто скелет? А все остальное в другом файле?

Какая логика написания класов лучше всего? Они проверяются же с конца. Получается, что чем больше вложений тем хуже. Я пишу обычно в стиле название-блока_название элемента. Но случается и такое:

.uncle_block {
.uncle_block-parent_block {
.uncle_block-parent_block-img_wrapper {
.uncle_block-parent_block-img_wrapper-img {

Это удобно, когда другому разработчику надо найти что-то в стилях, смотря сам html. Но какой смысл с этих вложений? Можно писать их друг под другом и будет работать быстрее? Или как вообще правильно организовать структуру.