/* Miora 产品切换器 —— 跨产品介绍页统一的 tab
   主题自适应：全部基于 currentColor + color-mix，浅色/深色页面自动匹配
   放进任意 header 后，桌面内联、移动端整宽横向滚动 */
.miora-switcher {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2px;
  margin: 0;
  padding: 4px;
  border-radius: 100px;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  background: color-mix(in srgb, currentColor 5%, transparent);
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  /* 自我防御：不继承宿主 nav 的字体 / 大小写 / 字距 */
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-transform: none;
  letter-spacing: normal;
}
.miora-switcher::-webkit-scrollbar { display: none; }
.miora-switcher a {
  flex: none;
  padding: var(--miora-product-tab-padding-block, 7px) var(--miora-product-tab-padding-inline, 14px);
  border-radius: 100px;
  font-family: inherit;
  font-size: var(--miora-product-tab-font-size, 13px);
  font-weight: 600;
  line-height: var(--miora-product-tab-line-height, 1.6);
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  text-decoration: none;
  color: color-mix(in srgb, currentColor 58%, transparent);
  transition: color .2s ease, background .2s ease;
}
.miora-switcher a:hover,
.miora-switcher a:focus-visible {
  color: currentColor;
  background: color-mix(in srgb, currentColor 9%, transparent);
  outline: none;
}
.miora-switcher a[aria-current="page"] {
  color: currentColor;
  background: color-mix(in srgb, currentColor 13%, transparent);
}
/* 移动端：作为 flex-wrap header 的子项时，独占一行、整宽可横滑
   （承载它的 header 需要 flex-wrap: wrap） */
@media (max-width: 760px) {
  .miora-switcher {
    order: 9;
    flex-basis: 100%;
    margin-top: 2px;
  }
  .miora-switcher a {
    padding-inline: var(--miora-product-tab-mobile-padding-inline, 7px);
  }
}