/* Keep Rabbit's desktop search within its own header box. Native phone pages
   use the official X5 touch templates; these rules also fit explicit desktop mode. */
#scbar {
  box-sizing: border-box;
  width: 415px;
  max-width: 100%;
  min-width: 0;
  height: auto;
}
#scbar #scbar_form { margin: 0; }
#scbar #rabbit_search { box-sizing: border-box; width: 100%; height: auto; }
#scbar #rabbit_search > table { width: 100%; table-layout: fixed; border-collapse: collapse; }
#scbar #rabbit_search .scbar_txt_td { width: auto; min-width: 0; padding: 0; }
#scbar #rabbit_search .scbar_type_td { width: 68px !important; }
#scbar #rabbit_search .scbar_btn_td { width: 64px; }
#scbar #scbar_txt {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 38px;
  margin: 0;
  padding: 7px 10px;
  border: 0;
  font-size: 14px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#scbar #scbar_txt::placeholder { color: #666; opacity: 1; }
#scbar #scbar_type {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 8px 8px;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#scbar #scbar_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px !important;
  margin: 0;
  padding: 4px 5px;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
}
#scbar #scbar_btn::before { content: none; }
#scbar #scbar_btn > strong { max-width: 100%; font: inherit; font-weight: bold; }
#scbar #scbar_txt:focus-visible,
#scbar #scbar_type:focus-visible,
#scbar #scbar_btn:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
@media (max-width: 767px) {
  #hd > .wp { width: auto; max-width: 100%; min-width: 0; }
  #hd .hdc { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-width: 0; height: auto; }
  #hd .hdc > h2 { float: none; max-width: 100%; margin: 0; }
  #hd .hdc > h2 img { max-width: 100%; height: auto; }
  #scbar { float: none; flex: 1 1 100%; width: 100%; margin: 0 0 12px; }
  #scbar #rabbit_search .scbar_type_td { width: 72px !important; }
  #scbar #rabbit_search .scbar_btn_td { width: 64px; }
  #scbar #scbar_txt { height: 44px; min-height: 44px; font-size: 16px; }
  #scbar #scbar_type { min-height: 44px; padding: 10px 8px; font-size: 16px; }
  #scbar #scbar_btn { height: 44px !important; min-height: 44px; font-size: 16px; }
}