Нативная вложенность CSS: BEM и Tailwind в одном проекте

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 согласуйте с документацией проекта.