Consider `:host(.active) .icon` versus `:host .icon:host(.active)`. What is the structural rule about where `:host()` may appear in a shadow-tree selector?:host(.active) .icon { fill: red; } .icon:host(.active) { fill: blue; } /* valid? */