CSS Nesting (&__element, &:hover) снижает размер файлов после PostCSS — но может раздуть специфичность, если вкладывать всё под .card.
Лимит: не более 2–3 уровней; модификаторы BEM оставляйте плоскими на корневом блоке.
- [CSS nesting — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting) — Синтаксис & и ограничения.
- [CSS nesting — web.dev](https://web.dev/articles/css-nesting) — Миграция с Sass.
---
## Команда
Stylelint правило max-nesting-depth спасает от хаоса.
В Tailwind v4 nesting в @layer согласуйте с документацией проекта.