Shadow roots, explained with live examples

An interactive explainer demonstrates shadow DOM style encapsulation, inheritance, slots, parts and JavaScript access, showing how a shadow root creates an isolated DOM tree with private stylesheets and elements, interacting with the page DOM in specific controlled ways. Fable 5.1 Medium generated it from a prompt.