Before
埋め込み done！
ぎゃーーー！（悲鳴）
なんですかコレは！？
前ページの完成イメージとは程遠い、得体の知れないものが生み出されてしまったじゃないですか！
何度も言いますが、本当にあったこわい話です。
何故こんなことが起こるかというと…
この既存サイトが元々持っていたtable要素のスタイルに引っ張られてしまったんですよね。
誰ですか？#main table { ... }とかいうだいぶグローバルなcss書いちゃった人は。
怒らないから出てきなさい、しばいたる！！！！！（嘘ですよ）
実際どうやって解決したかというと…
悪影響を及ぼしてるスタイルをちまちまと打ち消してったわけですが、これが意外と骨の折れる作業でした。ツラかった！
そこで登場するのが「Web Components」ですよねッ！
ということで、「Web Components」の技術でこわい話をこわくない話にするために、ごにょごにょ四苦八苦してみたわけです。