/* Both navigation rows expand the hovered or current label. Colors come from spectrum-ui.css. */
body #series .suite-jump-nav{gap:6px;padding-block:6px;align-items:center}
body #series .suite-jump-nav>button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;font-size:11px;line-height:18px;border-radius:9px;transition:background 220ms,border-color 220ms,box-shadow 220ms}
.suite-jump-nav .suite-name,.portfolio-header>nav .module-name{display:block;white-space:nowrap;max-width:2em;overflow:hidden;transition:max-width 340ms cubic-bezier(.2,.8,.2,1)}
.suite-jump-nav>button:is(:hover,:focus-visible,[aria-current=true]) .suite-name,.portfolio-header>nav>a:is(:hover,:focus-visible,[aria-current=true]) .module-name{max-width:var(--nav-label-width,240px)}
@media(prefers-reduced-motion:reduce){.suite-jump-nav .suite-name,.portfolio-header>nav .module-name,body #series .suite-jump-nav>button{transition:none}}