Таблица стилей сброса Shadow DOM

Я бы хотел, чтобы приложение, которое я делаю, использовало reset.css на глобальном уровне. Я также хотел бы, чтобы он проникал во все теневые корни, но имел низкую специфичность. Как я могу это сделать?

Допустим, мой reset.css содержит что-то вроде:

li, ::shadow li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Тогда мой пользовательский элемент имеет такой шаблон, как:

<template>
    <style>
        li {
            padding: 10px;
        }
    <style>
    <ol>
        <li>Foo</li>
        <li>Bar</li>
        <li>Baz</li>
    </ol>
</template>

Моя проблема в том, что селектор шаблона li не обладает достаточной специфичностью, чтобы превзойти ::shadow li. Я не хочу повторяться в каждом пользовательском элементе. Думаю, я мог бы добавить <link> к каждому <template>, но тогда я снова буду повторяться. Я также мог бы использовать JavaScript для внедрения <link>, но я не уверен, что это лучший способ.

Какими еще способами я мог бы использовать reset.css, который проникает в теневые корни, но имеет очень мало специфичности?