CSS styles can leak into the Lamdera Live overlay

[edkelly303]

Quick Summary:
The <a> element in the overlay that links to the Lamdera docs can inherit styles from the app's CSS, as in this screenshot:

SSCCE

Here's the CSS that causes this, which is in public/styles.css in my repo:

a:not(nav *) {
    border-color: var(--acnt-07-bd);
    background-color: var(--acnt-03-el);
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    text-decoration: none;
    padding: 5px;
}

• Elm: 19.1 / Lamdera 1.3.2
• Browser: Firefox
• Operating System: Nixos

Additional Details

N/A

[lishaduck]

Declarative Shadow DOM is baseline now, so fixing this should be as simple as replacing the div with a <template shadowrootmode="open">.
I couldn't find where it's created, or else I'd PR it.