Select AI overview with CSS instead of JavaScript

[thatrobotdev]

Uses the research #8 (comment) by @mrx3000 to select the parent of the m-x-content div with CSS instead of JavaScript. This also fixes #8.

However, what seems to be in common, is that there is a div with an id="m-x-content". Hiding the parent of that div hides the ai blurb.

Tested on Chrome and Firefox, although this bumps the minimum version to Firefox 121 and Chrome 105 due to the :has() selector:

div:has(> #m-x-content) {
    display: none;
}

[zbarnz]

Thanks for your pull request. I apologize for the delay in review, this would be ideal, we want to target several layers above this though as there are parent elements containing content we want to leave on the page so I am not sure this will work.

[mariuszste]

#rso > div > div:has(#m-x-content)

(not tested on any of the regional sites, only english google.com)