/* Fit the navigation to the viewport independently of page content. */
.sidebar{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4d9ca transparent;gap:0;padding-bottom:16px}
.sidebar>.brand,.sidebar>.side-label,.sidebar>nav,.sidebar>.side-bottom{flex-shrink:0}
.sidebar>.brand{min-height:0}
.sidebar>.side-bottom{padding-top:20px}
.sidebar .navitem{position:relative;min-height:40px}
.sidebar .navitem.active:before{left:-22px}
.sidebar .profile{padding-bottom:2px}
@media(max-height:900px){
 .sidebar{padding-top:12px;padding-bottom:12px}
 .sidebar .institute-logo{width:150px;height:105px}
 .sidebar .side-label{margin:18px 12px 10px}
 .sidebar .navitem{padding:10px 12px;margin:2px 0;min-height:38px}
 .sidebar>.side-bottom{padding-top:14px}
 .sidebar .help-card{padding:12px;margin-bottom:12px}
 .sidebar .help-card p{margin:5px 0 9px}
 .sidebar .profile{padding-top:13px}
}
@media(max-height:760px){
 .sidebar .institute-logo{width:130px;height:90px}
 .sidebar .side-label{margin:12px 12px 8px;font-size:8px}
 .sidebar .navitem{padding:8px 12px;min-height:35px;margin:1px 0}
 .sidebar .help-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin-bottom:8px}
 .sidebar .help-card>span,.sidebar .help-card p{display:none}
 .sidebar .help-card h4{margin:0!important;font-size:10px!important;line-height:1.5;max-width:95px}
 .sidebar .help-card button{flex-shrink:0;padding:7px;font-size:9px}
 .sidebar>.side-bottom{padding-top:10px}
 .sidebar .profile{padding-top:10px}
}
@media(max-height:600px){
 .sidebar .institute-logo{height:72px;width:110px}
 .sidebar .side-label{margin-top:8px}
 .sidebar .help-card{display:none}
 .sidebar .navitem{min-height:32px;padding:7px 12px}
}
@media(max-width:800px){.sidebar.open{height:100vh;height:100dvh;max-width:calc(100vw - 35px)}.sidebar .navitem.active:before{left:-15px}}