¿Hay alguna forma en Svelte de agregar estilos que solo afecten el componente actual y cualquier componente descendiente?

Svelte admite un envoltorio de selector nativo :global() que declarará estilos para ese selector en el ámbito global, pero estoy buscando algo similar que solo coincida con los selectores en los componentes actuales o descendientes.

Por ejemplo ( REPL ):

App.esbelta

 <script> import C1 from './C1.svelte'; let name = 'world'; </script> <div><C1>Hello {name}!</C1></div>

C1.esbelto

 <script> import C2 from './C2.svelte'; let name = 'world'; </script> <style> :global(div) { padding: 10px; background-color: blue; } div { background-color: red; } </style> <div><C2><slot /></C2></div>

C2.esbelto

 <div><slot /></div>

En el ejemplo anterior, los tres componentes reciben el estilo global del componente hijo del medio, C1.svelte . Estoy buscando una manera de hacer una especie de estilo híbrido (sin pasar estilos a componentes secundarios) para agregar estilos "globales hacia abajo" que solo afectan los componentes hacia abajo en el árbol de componentes.

Cuando no se usa el envoltorio del selector :global() , a los nodos coincidentes se les asigna una clase única a la que luego apunta el selector, que se agrega al selector durante la compilación. Lo que estoy preguntando / sugiriendo sería algo como esto:

 :find(div) { background-color: blue; }

…donde :find() asigna de manera similar una clase única a cualquier elemento HTML que coincida en los mismos componentes o en componentes descendentes. es posible?