/* ============================================================
   NN Education — Instant Navigation Feedback
   Lightweight page-navigation progress indicator
   ============================================================ */

#nn-nav-progress {
    position: fixed;
    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    z-index: 2147483647;

    background: linear-gradient(
        90deg,
        #2C3E50 0%,
        #16A085 70%,
        #20b89a 100%
    );

    box-shadow:
        0 0 8px rgba(22, 160, 133, .32);

    opacity: 0;

    pointer-events: none;

    transform: translateZ(0);

    transition:
        width .28s cubic-bezier(.4,0,.2,1),
        opacity .15s ease;
}


/* Visible while navigation begins */
#nn-nav-progress.is-active {
    opacity: 1;
}


/* Very subtle arrival animation */
body.nn-page-arrived {
    animation: nnPageArrived .16s ease-out both;
}

@keyframes nnPageArrived {
    from {
        opacity: .97;
    }

    to {
        opacity: 1;
    }
}


/* Accessibility */
@media (prefers-reduced-motion: reduce) {

    #nn-nav-progress {
        transition: none !important;
    }

    body.nn-page-arrived {
        animation: none !important;
    }
}