名前付きの slot は複数置けます。指定しなかった中身は、既定の（名前なしの）slot にまとめて入ります。

Shadow DOM の中身と違い、slot に差し込まれた要素は外側の CSS が効きます。上の note-box p の指定がそのまま当たっています。

これは欠点ではなく設計です。器は部品が持ち、文章の体裁はページ側が持つ、という分担になります。

タイトルを省略すると、部品に書いた既定のテキストが出ます。<slot> の中身がそのまま代替値になる仕組みです。