/* Shared iPhone/tablet navigation: two-row header with a touch-scrollable rail. */
@media(max-width:900px){
  .topbar{height:auto;min-height:66px;display:flex;flex-wrap:wrap;gap:0;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
  .topbar .brand{height:64px;min-width:0}
  .topbar>.youtube-login,.topbar>.top-actions{height:64px;margin-left:auto}
  .topbar nav{display:flex!important;order:3;width:calc(100% + 32px);margin:0 -16px;gap:4px;padding:0 max(12px,env(safe-area-inset-right)) 7px max(12px,env(safe-area-inset-left));overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line)}
  .topbar nav::-webkit-scrollbar{display:none}
  .topbar nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;white-space:nowrap;flex:0 0 auto;border-radius:999px;font-size:13px}
  .topbar nav a:active,.topbar nav a.active{background:#e4eadc;color:var(--ink)}
  .topbar~main [id]{scroll-margin-top:122px}
  .album-side-nav{position:sticky;top:0;bottom:auto;width:100%;height:auto;min-height:70px;display:flex;flex-flow:row wrap;align-items:center;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));overflow:visible}
  .album-page>main{margin-left:0}
  .side-brand{height:52px;flex:0 1 auto;min-width:0}
  .side-account{width:auto;height:44px;margin:4px 0 4px auto;flex:0 0 auto;padding:8px 10px}
  .side-account small{display:none}
  .album-side-nav nav{order:3;width:calc(100% + 24px);margin:0 -12px;display:flex;gap:4px;padding:4px max(12px,env(safe-area-inset-right)) 2px max(12px,env(safe-area-inset-left));overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,.08);border-bottom:0}
  .album-side-nav nav::-webkit-scrollbar{display:none}
  .album-side-nav nav a,.album-side-nav nav a:nth-child(n){display:flex;flex:0 0 auto;min-height:44px;padding:8px 11px;font-size:12px;white-space:nowrap}
  .album-side-nav nav a span{width:auto;font-size:17px}
  .side-playlists,.side-footer{display:none}
  .album-page main [id]{scroll-margin-top:126px}
}
@media(max-width:430px){
  .topbar .brand>span:last-child{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .youtube-login{max-width:124px}
  .side-brand strong{display:none}
}