Container scroll-state queries позволяют применять стили к элементам в зависимости от состояния скролла контейнера — зафиксирован, привязан к точке, прокручиваемый

.section-header {
  ...
  container-type: scroll-state;
  container-name: sticky-hd;
}

@container sticky-hd scroll-state(stuck: top) {
  ...
}

Поддерживаемые состояния:

- stuck — элемент в состоянии position: sticky и «прилип» к краю
- snapped — элемент зафиксирован через scroll snap
- scrollable — контейнер имеет область прокрутки

Это даёт возможность убирать обработчики скролла на стороне JavaScript и переносить логику в CSS, без лишних подписок на события и перерасчётов.

@WebDev_Plus