is--container

is--container単体では、効果としては主に contaner-type:inline-size が適用されるだけです。

ただし、margin-inline:auto も適用されているので、自身の横幅がセットされている時は中央寄せされます。

is--container (-container: あり)

.-container:s|m|l クラスにより、内部のコンテンツ幅を制御できます。

container要素のネスト

is--container は子要素の幅を変数で制限するため、同じ変数を扱うコンテナがネストされると、（子要素側の）コンテナの幅がそのコンテンツサイズと同じ大きさになります。

コンテナクエリの挙動について

コンテナクエリの判定値は直前の親コンテナの幅になりますが、 .-container:s|m|l は子要素の幅を制限しているだけで、 自身の横幅は100%です。つまり、コンテナクエリの判定値もこの100%サイズが基準となります。