container-type: inline-size на .service-card и @container (min-width: 280px) переключают layout с колонки на строку — сетка 3×N не ломается на узкой боковой колонке.
Имя контейнера: container-name: service при нескольких уровнях.
- [container-type — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/container-type) — Тип контейнера.
- [Container queries — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries) — Обзор CQ.
---
## size vs style
Размер — для layout; style — для темы (--variant: dark) внутри карточки.