Container queries меняют layout компонента по ширине родителя, а не экрана — идеально для sidebar + main и переиспользуемых card.
Задайте container-type: inline-size на wrapper и используйте @container (min-width: ...).
- [CSS container queries — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries) — Синтаксис и примеры.
- [Container queries — web.dev](https://web.dev/articles/container-queries) — Паттерны и migration.
---
## Design system
Документируйте container names для сложных grid.
Не заменяйте все media queries — viewport breakpoints нужны для global nav.