/* Match the Help Center reading width for the member hub and its account settings. */
@media(min-width:761px){
 body:is([data-route="/member"],[data-route="/settings"],[data-route="/wallet/addresses"]) #page-view>.route-page{
  width:min(100%,940px);
  max-width:940px;
  min-width:0;
  margin-inline:auto;
  box-sizing:border-box;
 }
}
/* A single rail keeps all nine categories legible at every viewport width. */
#home-view>.categories{
 display:flex;
 flex-wrap:nowrap;
 overflow-x:auto;
 overflow-y:hidden;
 gap:8px;
 padding-block:3px;
 scroll-snap-type:none;
 scroll-behavior:auto;
 overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:none;
 touch-action:pan-x pan-y pinch-zoom;
}
#home-view>.categories::-webkit-scrollbar{display:none}
#home-view>.categories>.category{
 flex:1 0 132px;
 min-width:132px;
 white-space:nowrap;
 min-height:48px;
}
@media(max-width:760px){
 #home-view>.categories>.category{flex:0 0 136px;min-width:136px;font-size:12px;padding-inline:12px}
}

.cache-toast{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:3000;padding:13px 20px;border:1px solid #50b6aa;border-radius:10px;background:#213a34;color:#dcfaf3;font-size:13px;box-shadow:0 10px 35px #0008;max-width:calc(100vw - 36px);text-align:center}
.sidebar [data-ui-action="clear-cache"][aria-busy="true"] .icon{animation:cache-spin 1s linear infinite}
@keyframes cache-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sidebar [data-ui-action="clear-cache"] .icon{animation:none!important}}