/* ========== Navigation Active State per page ========== */
/* Each page highlights its current nav item via .active class */

/* Home specific */
body.page-home .nav-link[href="index.html"],
body.page-about .nav-link[href="about.html"],
body.page-products .nav-link[href="products.html"],
body.page-ai-edu .nav-link[href="ai-edu.html"],
body.page-contact .nav-link[href="contact.html"] {
    background: var(--red-light);
    color: var(--red);
    font-weight: 600;
}