const secondSection = document.querySelector( "main > div:first-of-type > section:nth-of-type(2)" ); if (!secondSection) return; const sectionDivs = secondSection.querySelectorAll(":scope > div"); if (sectionDivs.length < 2) return; // Pause the observer while mutating the DOM to prevent infinite loops if (observer) observer.disconnect(); try { const lastDiv = sectionDivs[sectionDivs.length - 1]; const secondLastDiv = sectionDivs[sectionDivs.length - 2]; // 2. Hide the last

instead of .remove() so React Fiber doesn't crash if (lastDiv && lastDiv.style.display !== "none") { lastDiv.style.display = "none"; } // 3. In the second-last

, iterate through the two child

s if (secondLastDiv) { const twoDivs = secondLastDiv.querySelectorAll(":scope > div"); twoDivs.forEach((div, index) => { const customHtml = htmlList[index]; if (!customHtml) return; const targetDiv = div.querySelector( ":scope > div:last-of-type > div:last-of-type > div" ); // 4. Append the matching custom HTML if not already injected if (targetDiv && !targetDiv.querySelector("custom-injected-slot")) { targetDiv.insertAdjacentHTML( "beforeend", `${customHtml}` ); } }); } } finally { // Reconnect the observer after our DOM changes are done if (observer && document.body) { observer.observe(document.body, { childList: true, subtree: true, }); } } } observer = new MutationObserver(() => { applyHomepageChanges(); }); if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", applyHomepageChanges); } else { applyHomepageChanges(); } })();

All you need to know about caretaker government system