.md-nav--primary,
.md-nav--primary .md-nav__link,
.md-nav--primary .md-nav__title,
.md-nav--primary .md-nav__item,
.md-nav--primary .md-nav__list {
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #b4bac0 !important;
}

.md-nav__item--active > .md-nav__link {
  color: #f0f1f2 !important;
}

.md-nav--primary > .md-nav__list > .md-nav__item--nested > .md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
    font-weight: 600 !important;
    color: #f0f1f2 !important;
}

.md-nav--primary > .md-nav__list > .md-nav__item {
    margin-bottom: 30px; 
}

.md-nav__list .md-nav__item .md-nav__list .md-nav__item .md-nav__list {
    border-left: 1px solid #444 !important;
    transition: border-left-color 0.3s ease;
}

.md-nav__item--active > .md-nav__list {
    border-left-color: #f2f0f0 !important; 
}

.md-nav__list .md-nav__list:hover {
    border-left-color: #f0f1f2;
}


.md-nav--secondary {
    font-size: 14px !important;
    color: #b4bac0 !important;
}

.md-nav--secondary .md-nav__list .md-nav__link {
    font-size: 14px !important;
}

.md-nav__link {
    color: #9e9e9e !important;
    transition: color 0.2s ease;
}

.md-nav__link:hover {
    color: #f0f1f2 !important;
}

.md-nav__link--active {
    color:#f0f1f2 !important;
}

.md-nav__toggle {
  cursor: pointer;
}

.md-sidebar--primary {
  contain: layout;
}

.md-sidebar--primary .md-nav {
  transition: none !important;
}

.md-typeset {
    font-size: 16px !important;
    letter-spacing: -0.05em !important;  
    line-height: 1.65 !important;
    color: #b4bac0; 
}

.md-typeset p {
    margin-top: 1em !important;
    margin-bottom: 1em !important; 
    word-break: keep-all;          
}

.md-typeset ul, 
.md-typeset ol {
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
}

.md-typeset li {
    margin-bottom: 0.4em !important;
}

.md-typeset li p {
    margin: 0.2em 0 !important;
}


.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-weight: 600 !important;
    color: #f0f1f2 !important;
}

.md-typeset h1 {
    font-size: 32px !important;
    letter-spacing: -0.025em !important;
    line-height: 1.2 !important;         
}

.md-typeset h2 {
    font-size: 24px !important;
    letter-spacing: -0.025em !important;
    line-height: 1.2 !important;          
}

.md-typeset h3 {
    font-size: 20px !important;
    letter-spacing: -0.025em !important; 
    line-height: 1.2 !important;    
}

.md-typeset h4 {
    font-size: 16px !important;
    letter-spacing: -0.05em !important;  
    line-height: 1.65 !important;
}

.md-typeset .changelog-container {
    position: relative;
    padding-left: 7rem; 
    margin-left: 1rem;
}

.md-typeset .version-info {
    position: sticky;
    top: 3rem;
    float: left;
    margin-left: -6rem;
    width: 5.5rem;
    z-index: 0;
}

.display-version { color: #0070dd; font-size: 16px; font-weight: bold; }
.display-date { color: #b4bac0; font-size: 13px; }

.md-typeset .version-content h2 {
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0;
    pointer-events: none;
    
    scroll-margin-top: 10rem; 
}

.md-sidebar--secondary .md-nav__link--active {
    color: var(--md-typeset-a-color) !important;
    font-weight: bold !important;
}

.md-sidebar--secondary .md-nav__item--level-2 .md-nav__list {
    display: none !important;
}

.md-typeset .version-content h2 {
    height: 0; margin: 0 !important; padding: 0 !important;
    opacity: 0; pointer-events: none;
    
    scroll-margin-top: 6rem; 
    scroll-margin-bottom: 50vh; 
}

.md-sidebar--secondary .md-nav__link[href*="new-nodes"], 
.md-sidebar--secondary .md-nav__link[href*="release"], 
.md-sidebar--secondary .md-nav__link[href*="bug-fixes"] {
    display: none;
}