<!-- Footer with consistent styling and a single separator -->
<hr style="width: 100%; margin: 1.5rem auto 0.5rem auto; border: none; height: 1px; background-color: var(--border);">

<footer style="text-align: center; color: var(--light-text); padding: 0.5rem 0; width: 100%; border-top: none; margin-top: 0;">
    <p style="font-size: 0.8rem; text-align: center; display: inline-block; margin: 0 auto; line-height: 1.2;"><a href="https://mcpm.sh">mcpm.sh</a> | Forever <span style="color: var(--highlight);">♥</span> <a href="https://github.com/pathintegral-institute/mcpm.sh">Open Source</a> | MIT License</p>
</footer>

<style>
    /* Ensure consistent footer styling across pages */
    footer a {
        color: var(--primary);
        text-decoration: none;
    }
    
    footer a:hover {
        text-decoration: underline;
    }
</style>
