/* ==========================================
   Level 1 Indentation (e.g., Get started now)
   ========================================== */
.md-nav[data-md-level="1"] .md-nav__link {
    padding-left: 1.25rem !important;
    font-size: 0.95em !important;
    font-weight: 500;
}

/* ==========================================
   Level 2 Indentation (e.g., How to use the standalone classes)
   ========================================== */
.md-nav[data-md-level="2"] .md-nav__link {
    padding-left: 2.0rem !important;
    font-size: 0.92em !important;
    font-weight: 400;
    opacity: 0.90;
    border-left: 1px dashed var(--md-default-fg-color--lightest);
}

/* ==========================================
   Level 3 Indentation (e.g., Input-related classes)
   ========================================== */
.md-nav[data-md-level="3"] .md-nav__link {
    padding-left: 2.75rem !important;
    font-size: 0.88em !important;
    font-weight: 400;
    opacity: 0.80;
    border-left: 1px solid var(--md-default-fg-color--lightest);
}

/* ==========================================
   Active State Highlighter (Applies to whichever item is open)
   ========================================== */
.md-nav__link--active {
    font-weight: 600 !important;
    color: var(--md-primary-fg-color) !important;
    opacity: 1 !important;
    border-left-color: var(--md-primary-fg-color) !important;
}