@layer в CSS: порядок Bootstrap, утилит и своих стилей
Явные слои `base`, `components`, `utilities` вместо войны `!important`.
Cascade layers (`@layer reset, base, components, utilities`) задают приоритет групп правил независимо от порядка файлов в бандле.
Удобно при гибриде Tailwind + legacy SCSS: утилиты остаются последним слоем без сотен `!important`.
- @layer — MDN — Объявление и вложенность слоёв.
- Cascade layers — web.dev — Архитектура стилей.
Миграция
Начните с одного `@layer components` для UI-kit; reset оставьте вне layer или в самом нижнем.
Документируйте в README, в какой layer добавлять новые блоки лендинга.