@layer в CSS: порядок Bootstrap, утилит и своих стилей
Cascade layers (@layer reset, base, components, utilities) задают приоритет групп правил независимо от порядка файлов в бандле.
Удобно при гибриде Tailwind + legacy SCSS: утилиты остаются последним слоем без сотен !important.
- [@layer — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) — Объявление и вложенность слоёв.
- [Cascade layers — web.dev](https://web.dev/articles/css-cascade-layers) — Архитектура стилей.
---
## Миграция
Начните с одного @layer components для UI-kit; reset оставьте вне layer или в самом нижнем.
Документируйте в README, в какой layer добавлять новые блоки лендинга.
