How does the 'Shadow DOM' provide encapsulation in HTML5?

It keeps the internal structure and styles of a component hidden from the main document.

Shadow DOM creates a scoped subtree. CSS defined inside a shadow root won't leak out, and global CSS won't leak in (mostly). This prevents class name collisions and improves modularity.