Как налету изменить CSS чужого сайта?

Вопрос довольно специфичный, попробую объяснить как можно проще.

Краткая информация: есть программа, где запускается браузер Google Chrome. При загрузке страницы все возможные стили специально блокируются. В итоге загружается страница без стилей.

У меня есть доступ к консоли Google Chrome, где я могу исполнять свой JavaScript, изменяя HTML. В текущей реализации загружается нужная страница и моментально исполняется код (в head вставляется тег <style></style> с моим CSS, когда страница загрузится):

var myCss = '.example_class {color: red}'
window.onload = ()=> {
  if (window.location.href.indexOf('examplewebsite.com') !== -1) {
    document.querySelector("head").innerHTML += '<style>' + myCss + '</style>';
    }
}

document.querySelector("head").innerHTML += '<style>' + myCss + '</style>';

То стили применяются всегда, но иногда ломается сама страница (не реагирует на любые клики по любым элементам). Не представляю как гарантированно встроить свой CSS на чужую страницу, не поломав ее.