Куда мне следует поместить базовые стили (например, лоботомизированную сову), когда я использую подход CSS First и KSS?

Question

Если я правильно понял главу 10 из CSS in Depth и, в частности, раздел Использование рабочего процесса CSS First на странице 269, библиотека шаблонов - это таблица стилей, применяемая к HTML, а не просто документация, из которой мы копируем фрагменты CSS, которые мы затем вставьте другой файл CSS, который использует HTML. То, что мы действительно копируем из документа, - это фрагменты HTML, стилизованные библиотекой.

Другими словами, «написание библиотеки шаблонов» и «документирование фактического CSS», применяемого к HTML, - это одно и то же.

Но есть кое-что, чего я не понимаю. В одной и той же книге несколько раз (например, в главе 9) предлагаются некоторые «базовые стили», применимые ко всей странице, например

      :root {
  box-sizing: border-box;
}

*,
::before,
::after {
  box-sizing: inherit;
}

/* lobotomized owl too is in here */

Теперь мой вопрос: куда мне их положить? И как их должна видеть HTML-страница?

Наличие этих правил в том же CSS, где я документирую модули, не вариант, потому что он оказывает желаемый эффект на веб-страницу, к которой применяется CSS, но он «портит» макет страницы документации, заставляя ее выглядеть странный.