<head> и <body>, которые отображаются в <shadow>, являются ссылками на реальные <head> и <body>, которые находятся за пределами <shadow>.
. Считайте, что записив <shadow> похожи на именованные слоты, и они встраивают ссылку на действительные <head> и <body> в <shadow>, не копируя их туда.