.sidebar .logo-row{color:inherit;text-decoration:none;border-radius:10px}
.sidebar .logo-row:hover{background:rgba(255,255,255,.06)}
.sidebar .logo-row:focus-visible{outline:2px solid #c4d8ff;outline-offset:5px}
/* The navigation owns its scroll, independently from the current module. */
.sidebar{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.sidebar>.logo-row,.sidebar>.sidebar-note{flex-shrink:0}
.sidebar>nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;grid-auto-rows:max-content;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#889bb9 #1b2942;padding-right:5px;padding-bottom:5px}
.sidebar>nav::-webkit-scrollbar{width:8px}
.sidebar>nav::-webkit-scrollbar-track{background:#1b2942;border-radius:8px}
.sidebar>nav::-webkit-scrollbar-thumb{background:#889bb9;border-radius:8px;border:2px solid #1b2942}
.sidebar>nav::-webkit-scrollbar-thumb:hover{background:#b6c7df}
.sidebar>nav .nav-item:focus-visible{outline:2px solid #c4d8ff;outline-offset:-2px}
.sidebar>.sidebar-note{margin-top:16px}
@media(max-height:650px){.sidebar>.logo-row{margin-bottom:18px}.sidebar>.sidebar-note{padding:10px;margin-top:12px}}
@media(max-height:450px){.sidebar>.sidebar-note{display:none}}