/* 长短竖线页码指示器（motion-batch2 样张）
   颜色只用 v1 语义 token：未选 = 中性线色 --jm-border-strong，悬停 = --jm-text-3，选中 = 正文色 --jm-text-1。
   选中与否靠长度区分（12 → 28px），不只靠颜色。整条轨道 44px 高，按最近的刻度命中；前后按钮 44 × 44。 */
.jt { display: inline-flex; align-items: center; gap: 4px; min-width: 0; color: var(--jm-text-2); }
.jt-nav { flex: none; width: var(--jm-touch, 44px); height: var(--jm-touch, 44px); display: grid; place-items: center; border-radius: var(--jm-radius-sm); color: var(--jm-text-2); cursor: pointer; }
.jt-nav svg { width: 16px; height: 16px; }
.jt-nav:hover { background: var(--jm-bg-hover); color: var(--jm-text-1); }
.jt-nav:disabled { color: var(--jm-text-disabled); cursor: default; background: none; }
.jt-nav:focus-visible, .jt-track:focus-visible { outline: 2px solid var(--jm-focus-ring); outline-offset: -2px; }
.jt-track { position: relative; flex: none; height: var(--jm-touch, 44px); min-width: var(--jm-touch, 44px); padding: 0 6px; display: flex; align-items: center; gap: var(--jt-gap, 6px); cursor: pointer; touch-action: none; border-radius: var(--jm-radius-sm); }
.jt-t { flex: none; width: 2px; height: 12px; border-radius: 1px; background: var(--jm-border-strong);
  transition: height var(--jm-motion-tab-indicator, 180ms) var(--jm-ease-enter), background-color var(--jm-motion-tab-indicator, 180ms) var(--jm-ease-standard); }
.jt-t.g { margin-left: calc(var(--jt-gap, 6px) * -1 + 2px); }          /* 同一窗口组：两根线贴近 */
.jt-track:hover .jt-t.hv:not(.on) { height: 20px; background: var(--jm-text-3); }
.jt-t.on { height: 28px; background: var(--jm-text-1); }
.jt-num { flex: none; font: 500 13px/20px var(--jm-font-num); font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; color: var(--jm-text-3); white-space: nowrap; margin-left: 4px; }
.jt-num b { font-weight: 600; color: var(--jm-text-1); }
.jt-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html[data-jm-motion-off~="workspace"] .jt-t { transition: none; }
@media (prefers-reduced-motion: reduce) { html:not([data-jm-motion]) .jt-t { transition: none; } }
