/* Mobile polish (phase 4). Loaded after app.css. */
.top{position:sticky;top:0;z-index:50}
.top-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}
.top-nav::-webkit-scrollbar{display:none}
.top-nav a{white-space:nowrap;flex:0 0 auto}
.chip .tiny{display:inline}
@media (max-width:640px){
  .top{padding-bottom:6px}
  .top-nav{order:3;width:100%;margin:6px 0 0;padding-right:28px;
    -webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}
  .top-nav.at-end{-webkit-mask-image:none;mask-image:none}
  .top-nav a{padding:.6rem .85rem;font-size:1rem}
  .chip{cursor:pointer}
  .chip .tiny{display:none}
  .chip.open .tiny{display:block;margin-top:2px}
  .chip:not(.open)::after{content:" ⓘ";opacity:.6}
}