/* === Hub search + sort row (responsive) === */
#splash-container #g-713676468{
  display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 24px;
}
#splash-container #g-713676468 > *{ float:none !important; }

/* Search column */
#splash-container #g-713676468 #g-975857166{ flex:1 1 320px; width:auto !important; max-width:520px; }
#splash-container #g-975857166 #g-151583397{ display:block !important; width:100% !important; }
#splash-container #g-151583397 .hub-search-bar{ display:flex !important; align-items:stretch; gap:8px; width:100%; }
#splash-container #g-151583397 .hub-search-bar > .nav-jump{ position:absolute; } /* anchor, keep out of flex flow */
#splash-container #g-151583397 .hub-search-bar .hub-search-bar-input-container{ display:block !important; flex:1 1 auto; min-width:0; width:auto !important; }
#splash-container #g-151583397 .hub-search-bar .hub-search-bar-input-container input.hub-search-bar-input{
  display:block !important; width:100% !important; height:44px; margin:0 !important; padding:0 12px !important; box-sizing:border-box;
}
#splash-container #g-151583397 .sf.hub-search-bar .hub-search-bar-button{ /* .sf beats Splash phone rule width:100% */
  flex:0 0 auto; display:flex !important; align-items:center; justify-content:center;
  width:auto !important; height:44px; margin:0 !important; padding:0 20px !important; box-sizing:border-box;
}

/* Sort links */
#splash-container #g-713676468 #g-406229615{ flex:0 0 auto; width:auto !important; margin:0 0 0 auto !important; }
#splash-container #g-406229615 .children{ display:flex !important; justify-content:flex-end; gap:24px; width:auto !important; }
#splash-container #g-406229615 .nav-item{ float:none !important; margin:0 !important; padding:0 !important; }

/* Phone: search full width, sort centered below */
@media (max-width: 600px){
  #splash-container #g-713676468 #g-975857166,
  #splash-container #g-713676468 #g-406229615{ flex-basis:100%; max-width:none; }
  #splash-container #g-406229615 .children{ justify-content:center; }
}
/* Same rules for Splash's phone preview in the editor */
#splash-container.is-responsive-phone #g-713676468 #g-975857166,
#splash-container.is-responsive-phone #g-713676468 #g-406229615{ flex-basis:100%; max-width:none; }
#splash-container.is-responsive-phone #g-406229615 .children{ justify-content:center; }