/* Geometry and layering from supplied RubberSegment.css. Header positioning
   remains owned by styles.css; theme colors are intentionally independent. */
.rubber-segment,
.site-header .desktop-nav.rubber-segment {
  position: relative; display: inline-grid; grid-auto-flow: column; grid-auto-columns: auto;
  gap: 0; align-items: stretch; vertical-align: middle; padding: var(--rs-inset);
  height: var(--rs-h); border: 0; border-radius: var(--rs-radius); background: var(--rs-track);
  font-family: inherit; touch-action: pan-y; user-select: none; -webkit-user-select: none;
  -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;
  overflow: visible; isolation: isolate;
  --rs-label-pad: var(--rs-pad);
  --rs-label-font: var(--rs-font);
}
/* Keep the English six-slot Dock compact without changing the Chinese layout,
   height or the tuner's single source of size parameters. Thumb copies inherit
   the same metrics as the real links. */
html[data-lang='en'] .site-header .desktop-nav.rubber-segment {
  --rs-label-pad: calc(var(--rs-pad) * .5);
  --rs-label-font: calc(var(--rs-font) * .92);
}
.rubber-segment[data-equal],.site-header .desktop-nav.rubber-segment[data-equal] { grid-auto-columns: minmax(0,1fr); }
.rubber-segment[aria-disabled='true'] { opacity: .5; }
.rubber-segment__item,
.site-header .desktop-nav.rubber-segment > a {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: calc(var(--rs-h) - var(--rs-inset)*2); min-height: 0; min-width: var(--rs-min);
  margin: 0; padding: 0 var(--rs-label-pad); border: 0; border-radius: var(--rs-thumb-radius);
  background: none; box-shadow: none; color: var(--rs-ink); opacity: .7;
  font: inherit; font-size: var(--rs-label-font); font-weight: 500; line-height: 1;
  white-space: nowrap; text-decoration: none; cursor: pointer; outline: none;
  transition: opacity 160ms ease, transform 160ms cubic-bezier(.23,1,.32,1);
}
.site-header .desktop-nav.rubber-segment > a.active,
.site-header .desktop-nav.rubber-segment > a[aria-current='page'],
.site-header .desktop-nav.rubber-segment > a:hover { background:none; color:var(--rs-ink); border:0; box-shadow:none; }
.rubber-segment[data-draggable] > [aria-checked='true'],
.rubber-segment[data-draggable] > [aria-current='page'] { cursor: grab; }
.rubber-segment[data-held],.rubber-segment[data-held] .rubber-segment__item { cursor: grabbing; }
.rubber-segment__item[data-pressed] { transform: scale(.96); }
.rubber-segment__item:focus-visible,.site-header .desktop-nav.rubber-segment > a:focus-visible { outline:2px solid var(--rs-thumb); outline-offset:3px; }
@media (hover:hover) and (pointer:fine) { .rubber-segment__item:hover,.site-header .desktop-nav.rubber-segment > a:hover { opacity:.9; } }
.rubber-segment__thumb {
  position:absolute; inset:var(--rs-inset); display:grid; grid-auto-flow:column; grid-auto-columns:auto;
  background:var(--rs-thumb); color:var(--rs-ink-active); pointer-events:none; z-index:2;
}
.rubber-segment__copy { color:inherit; opacity:1; cursor:default; }
.rubber-segment[data-equal] .rubber-segment__thumb { grid-auto-columns:minmax(0,1fr); }
.rubber-segment::before { display:none; }
@media (min-width:1121px) {
  .site-header { grid-template-columns:1fr auto; }
  .site-header .desktop-nav.rubber-segment { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:max-content; }
}
html[data-header-layout='stacked'] .site-header .desktop-nav.rubber-segment { position:relative; left:auto; top:auto; transform:none; max-width:100%; }
@media (max-width:600px) {
  html[data-header-layout='stacked'] .site-header .desktop-nav.rubber-segment { max-width:calc(100vw - 48px); grid-auto-columns:minmax(max-content,1fr); overflow-x:auto; scrollbar-width:none; }
  .site-header .desktop-nav.rubber-segment::-webkit-scrollbar { display:none; }
}
@media (prefers-reduced-motion:reduce) { .rubber-segment__item { transition:opacity 160ms ease; } }