/* Center the search icon inside the unchanged home search control. */
.header .search #searchButton{display:flex;align-items:center;justify-content:center;height:100%;padding:0;line-height:1;cursor:pointer}
.header .search #searchButton svg{display:block;flex:none}
@media(max-width:767px){.header .search #searchButton svg{width:21px;height:21px}}

/* Keep the main page's top links available on small screens. */
@media(max-width:767px){
  #topbar .topbar-shell{display:flex;flex-wrap:wrap;gap:3px;padding-block:5px;overflow:visible}
  #topbar .top-left{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:5px;overflow-x:auto;scrollbar-width:thin}
  #topbar .top-text-button{display:inline-flex;flex:0 0 auto;white-space:nowrap}
  #topbar .top-menu{display:flex;width:100%;min-width:0;margin:0;align-items:center;justify-content:flex-end;gap:9px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
  #topbar .top-menu>*{flex:0 0 auto}
}
@media(max-width:380px){
  #topbar .top-left,#topbar .top-menu{font-size:11px;gap:6px}
  #topbar .top-pill{padding:6px 7px}
}

/* Main page: use the same single-row mobile utility bar. */
@media(max-width:767px){
 #topbar .topbar-shell{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-block:5px}
 #topbar .top-left{display:flex;flex:0 0 auto;width:auto;min-width:max-content;justify-content:flex-start;gap:8px;overflow:visible}
 #topbar .top-menu{display:flex;flex:0 0 auto;width:auto;min-width:max-content;margin:0;gap:10px;overflow:visible}
 #topbar .top-left>*,#topbar .top-menu>*{flex:0 0 auto}
}