The shadow DOM encapsulates styles and behaviors in the component. Nothing leaks in, nothing leaks out. The concept can get confusing, especially once we start

The shadow DOM encapsulates styles and behaviors in the component. Nothing leaks in, nothing leaks out. The concept can get confusing, especially once we start talking about how styles reflect on slotted content (i.e. elements in the "light DOM") vs. shadow DOM elements, but that's probably more relevant to component developers rather than consumers.