/* NovaStudy v2.8 · scrolling navigation; loaded after legacy theme/mobile rules */
/* Desktop: keep the logo and sidebar caption visible while menu entries scroll. */
@media(min-width:661px){
 .sidebar{min-height:0;overflow:hidden}
 .sidebar .nav-list{
   flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
   padding:0 6px 14px 2px;scrollbar-gutter:stable;scrollbar-width:thin;
   scrollbar-color:var(--mint) color-mix(in srgb,var(--panel) 65%,transparent);
   overscroll-behavior-y:contain
 }
 .sidebar .nav-list::-webkit-scrollbar{width:8px}
 .sidebar .nav-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel) 65%,transparent);border-radius:10px}
 .sidebar .nav-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--mint) 75%,var(--panel));border-radius:10px;border:2px solid transparent;background-clip:padding-box}
 .sidebar .nav-btn{flex:0 0 auto;min-height:44px}
}
/* Mobile: show a comfortable fixed-width menu instead of squeezing all items. */
@media(max-width:660px){
 .mobile-nav{
   display:flex!important;grid-template-columns:none!important;
   align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;
   overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
   -webkit-overflow-scrolling:touch;scrollbar-width:thin;
   scrollbar-color:var(--mint) color-mix(in srgb,var(--panel) 65%,transparent);
   scroll-snap-type:x proximity;
   gap:3px;padding:7px 7px max(9px,env(safe-area-inset-bottom));
 }
 .mobile-nav button{
   flex:0 0 77px!important;min-width:77px!important;
   min-height:51px;scroll-snap-align:center;
   padding:6px 5px!important;white-space:normal
 }
 .mobile-nav small,html[lang="bn"] .mobile-nav small{
   font-size:10px!important;letter-spacing:0;line-height:1.3;
   word-break:normal;overflow-wrap:normal;white-space:nowrap
 }
 .mobile-nav::-webkit-scrollbar{height:5px}
 .mobile-nav::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel) 65%,transparent)}
 .mobile-nav::-webkit-scrollbar-thumb{background:var(--mint);border-radius:99px}
 .mobile-nav button:focus-visible{outline:2px solid var(--mint);outline-offset:-2px;border-radius:7px}
}
@media(max-width:380px){.mobile-nav button{flex-basis:72px!important;min-width:72px!important}}