/* --- Core Baseline Reset Configurations & Custom Layout Rules --- */

/* Glassmorphic Navigation Component Layout State Rules */
.navbar-scrolled-state {
    background-color: rgba(10, 15, 29, 0.8) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-color: rgba(30, 41, 59, 0.4) !important;
    height: 70px !important;
}

/* Tracking Anchor Node Layout Highlight Mechanism */
.nav-anchor-active-state {
    color: #10b981 !important;
}

/* Mobile Drawer Transformation Core Animation Helpers */
.nav-menu-open-state {
    left: 0 !important;
}

.toggle-transform-state .raw-bar-1 {
    transform: translateY(8px) rotate(45deg);
}

.toggle-transform-state .raw-bar-2 {
    opacity: 0;
}

.toggle-transform-state .raw-bar-3 {
    transform: translateY(-8px) rotate(-45deg);
}