/* Keep all menu actions reachable in one swipeable row on phones. */
@media(max-width:740px){
 .account-bar{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:9px 10px;margin-bottom:16px;border-radius:12px;max-width:100%;overflow:hidden}
 .account-bar #account-label{width:auto;font-size:12px;line-height:1.5;padding:0 2px}
 .account-bar #account-label::after{content:'横にスワイプ → / Swipe';float:right;font-size:10px;font-weight:400;color:#666;margin-left:8px}
 .signed-out .account-bar #account-label::after{content:''}
 .account-bar>div{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:3px 2px 8px;scrollbar-width:thin;scrollbar-color:#999 transparent}
 .account-bar>div::-webkit-scrollbar{height:3px}
 .account-bar>div::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}
 .account-bar button,.account-bar button.textbutton,.account-bar #practice-home{flex:0 0 auto;grid-column:auto;width:auto;min-height:46px;min-width:80px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;border:2px solid #171717;border-radius:9px;scroll-snap-align:start}
 .account-bar #practice-home{flex-basis:auto;min-width:126px;background:#171717;color:#fff}
 .account-bar button:focus-visible{outline-offset:-4px}
}