Расскажи про методологию БЭМ: в чём идея, как правильно работать, в чём опасности?

БЭМ разделяет независимые блоки, их элементы и модификаторы состояния; это соглашение о структуре и именах CSS-классов.

Пример: card, card__title, card--compact. Элемент принадлежит блоку, а модификатор задаёт вариант без дублирования всей реализации. Опасности — слишком глубокая привязка к DOM, каскадные переопределения и чрезмерное дробление. БЭМ помогает договориться о границах, но не изолирует CSS автоматически.