/* HOLIUS search provider selector
   One row, horizontally scrollable on narrow screens, theme-token only. */
.search-provider-tabs{
  width:min(100%,720px);
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.search-provider-tabs::-webkit-scrollbar{display:none}
.search-provider-tabs button{
  position:relative;
  flex:0 0 auto;
  min-height:42px;
  padding:0 12px;
  border:0;
  border-radius:var(--theme-radius-button);
  background:transparent;
  color:var(--theme-muted);
  font:inherit;
  font-size:11.5px;
  font-weight:var(--theme-weight-medium);
  letter-spacing:var(--theme-tracking-body);
  white-space:nowrap;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.search-provider-tabs button::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:2px;
  border-radius:999px;
  background:transparent;
  transform:scaleX(.55);
  transition:background-color var(--theme-motion-fast) ease,transform var(--theme-motion-fast) ease;
}
.search-provider-tabs button:hover,
.search-provider-tabs button:focus-visible,
.search-provider-tabs button.is-active{
  color:var(--theme-accent);
}
.search-provider-tabs button.is-active{
  font-weight:var(--theme-weight-strong);
}
.search-provider-tabs button.is-active::after{
  background:var(--theme-accent);
  transform:scaleX(1);
}
.search-provider-tabs button:focus-visible{
  outline:2px solid color-mix(in srgb,var(--theme-accent) 38%,transparent);
  outline-offset:0;
}
.search-provider-tabs-overlay{
  flex:0 0 auto;
  width:min(720px,calc(100% - 32px));
  margin:2px auto 0;
  padding-top:1px;
}
@media(max-width:640px){
  .search-provider-tabs{
    justify-content:flex-start;
    width:100%;
    margin-bottom:8px;
    padding:0 2px;
  }
  .search-provider-tabs button{
    min-height:40px;
    padding-inline:10px;
    font-size:11px;
  }
  .search-provider-tabs button::after{
    left:10px;
    right:10px;
  }
  .search-provider-tabs-overlay{
    width:calc(100% - 28px);
    padding-inline:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .search-provider-tabs button::after{transition:none}
}

/* v3 readability: keep the same provider layout, slightly increase mobile legibility. */
.search-provider-tabs button{
  font-size:12px;
}
@media(max-width:640px){
  .search-provider-tabs button{
    min-height:42px;
    padding-inline:11px;
    font-size:12px;
  }
}


/* v4: only HOLiUS / NAVER / Google remain, so keep the three choices balanced. */
@media(max-width:640px){
  .search-provider-tabs{
    justify-content:center;
  }
}