document.addEventListener('DOMContentLoaded', function () {
    const observer = new MutationObserver(function (mutations, me) {
        const menuList = document.querySelector('#global_nav_account_link + .menu-list, .ic-app-header__menu-list');

        if (menuList) {
            // Create the new menu item
            const handbookLink = document.createElement('a');
            handbookLink.href = 'https://soil.instructure.com/courses/1664';
            handbookLink.innerHTML = '(Institutional<br>Resources <br>2025-27)'; // Line break
            handbookLink.className = 'ic-app-header__menu-list-item';
            handbookLink.target = '_blank'; // Open in new tab

            // Custom style for smaller font & proper line spacing
            handbookLink.style.fontSize = '0.85em';
            handbookLink.style.lineHeight = '1.3em';
            handbookLink.style.whiteSpace = 'normal';
            handbookLink.style.textAlign = 'center'; // Center align text

            // Wrap in <li> to match Canvas menu structure
            const li = document.createElement('li');
            li.appendChild(handbookLink);

            // Append at the bottom
            menuList.appendChild(li);

            me.disconnect(); // Stop observing
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
});