CSS container queries: адаптив карточки по ширине контейнера

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.