Shadow roots, explained with live examples

Interactive examples demonstrate shadow DOM's style encapsulation, inheritance, slots, parts, and JavaScript access, showing how shadow roots create isolated DOM trees with private stylesheets that interact with the page DOM in controlled ways. The explainer page was generated by Fable 5.1 Medium from a prompt.