/* =========================================
   LEVEL 1: Main Sidebar Headers 
   (e.g., "Home", "Getting Started", "Subteam Landings")
   ========================================= */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
    font-weight: 400; /* Normal weight */
    font-size: 0.85rem;
    /*text-transform: uppercase; OPTIONAL: Makes them ALL CAPS */
    letter-spacing: 0.05em;
}

/* =========================================
   LEVEL 2: First Dropdown Level 
   (e.g., "Aerodynamics", "Structures", "Testing")
   ========================================= */
.md-nav--primary .md-nav__item .md-nav__item > .md-nav__link {
    font-weight: 400; /* Normal weight */
    font-size: 0.8rem;
    color: #cccccc; /* Slightly dimmer text color */

    border-left: 1px solid #555555; 
    margin-left: 10px; 
    padding-left: 10px; 
}

/* =========================================
   LEVEL 3: Deep Sub-pages 
   (e.g., "Aero Textbooks", "Aerodynamics Lessons")
   ========================================= */
.md-nav--primary .md-nav__item .md-nav__item .md-nav__item > .md-nav__link {
    font-size: 0.75rem; /* Slightly smaller text */
    
    /* OPTIONAL: Adds a subtle vertical line to the left of deep items to show nesting */
    border-left: 1px solid #555555; 
    margin-left: 10px; 
    padding-left: 10px; 
}

/* Hover Effect for all levels */
.md-nav__link:hover {
    color: #b388ff !important; /* Forces text to turn bright purple on hover */
}
/* =========================================
   ACTIVE PAGE HIGHLIGHT
   ========================================= */
.md-nav__link--active, 
.md-nav__link--active:hover {
    color: #b388ff !important; /* Bright purple */
    font-weight: 700 !important; /* Make it bold */
}

/* Optional: Add a subtle background box to the active item */
.md-nav__item--active > .md-nav__link {
    background-color: rgba(179, 136, 255, 0.1); 
    border-radius: 4px;
}