body { 
    scroll-behavior: smooth;
}

.glossary { 
    margin: 1.5em 0; 
}

.glossary .nav { 
    margin: 0; 
    border: 1px solid currentColor; 
    border-width: 1px 0 1px 0; 
    padding: .2rem .7rem; 
    text-transform: uppercase; 
    font-size: 1.2em; 
}

.glossary .nav li { 
    display: inline-block; 
    padding: 0; 
}

.glossary .nav li a, 
.glossary .nav li span { 
    display: block; 
    width: 1.4em; 
    text-align: center; 
    padding: .3em 0;
}

.glossary .nav li span { 
    color: #acacac; 
}

.glossary .nav li:first-of-type span { 
    width: auto; 
    text-transform: none; 
    color: inherit; 
}

.glossary .anchor { 
    margin: .7em 0 .3em; 
    padding: .2rem .7rem; 
    font-size: 1.4em; 
    text-transform: uppercase; 
}

.glossary .anchor a:hover { 
    text-decoration: none; 
}

.glossary .hidden {
    display: none;
}

.glossary .search {
    margin: 1em 0;
    position: relative;
}

.glossary .search input {
    font-size: 1em;
    width: 100%;
    padding: .5em 2em .5em .5em;
    border-radius: 5px;
}

.glossary .search i {
    position: absolute;
    top: .5em;
    right: .7em;
    color: grey;
}

.glossary .search i::before {
    font-size: 1.4em;
}