/* Rep counter and jump rope counter (kind "reps"). Scoped to [data-reps] or reps- classes. */
[data-reps] .reps-head { flex-wrap: wrap; }
[data-reps] .reps-head .seg { max-width: 100%; }
[data-reps] .reps-cap { color: var(--mute); font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-reps] .reps-sub { font-weight: 600; font-size: clamp(17px, 4.5vw, 26px); font-variant-numeric: tabular-nums; color: var(--body); margin-top: 10px; min-height: 1.2em; text-align: center; }
[data-reps] .tap.reps-resting { background: var(--softer); }
[data-reps] .tap.reps-resting .value { color: var(--body); }
[data-reps] .reps-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
[data-reps] .reps-stat { background: var(--canvas); border-radius: 12px; padding: 10px 12px; min-width: 0; }
[data-reps] .reps-stat span { display: block; font-size: 13px; color: var(--body); }
[data-reps] .reps-stat b { display: block; font-size: clamp(20px, 5vw, 28px); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
[data-reps] .reps-stat.reps-beat { box-shadow: inset 0 0 0 3px var(--signal); }
[data-reps] .reps-log { margin-top: 12px; }
[data-reps] .reps-h { font-size: 17px; margin: 16px 0 4px; }
[data-reps] .reps-tag { display: inline-block; font-size: 12px; font-weight: 600; background: var(--signal); color: #fff; border-radius: var(--pill); padding: 2px 8px; }
[data-reps] .settings select { width: 100%; }
@media (max-width: 520px) {
  [data-reps] .reps-stat { padding: 8px; }
  [data-reps] .reps-stat span { font-size: 12px; }
  [data-reps] .seg button { padding: 8px 10px; }
}