/* Lap counter (kind "lap"). Scoped to [data-lap] or lap- classes. */
[data-lap] .lap-head { flex-wrap: wrap; justify-content: space-between; }
[data-lap] .lap-clock { font-size: clamp(28px, 7vw, 48px); margin-left: auto; padding: 0 6px; }
[data-lap] .lap-clock.lap-paused { color: var(--mute); }
[data-lap] .lap-cap { color: var(--mute); font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 4px; }
[data-lap] .lap-now { font-weight: 600; font-size: clamp(18px, 4.5vw, 30px); font-variant-numeric: tabular-nums; color: var(--body); margin-top: 10px; min-height: 1.2em; }
[data-lap] .lap-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; }
[data-lap] .lap-stat { background: var(--canvas); border-radius: 12px; padding: 10px 12px; min-width: 0; }
[data-lap] .lap-stat span { display: block; font-size: 13px; color: var(--body); }
[data-lap] .lap-stat b { display: block; font-size: 20px; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; overflow-wrap: anywhere; }
[data-lap] .lap-controls { grid-template-columns: repeat(3, 1fr); }
[data-lap] .lap-tile-tap { flex-direction: column; gap: 4px; }
[data-lap] .lap-tile-sub { font-size: 14px; color: var(--body); font-variant-numeric: tabular-nums; }
[data-lap] .lap-tile-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 26px; font-size: 14px; font-variant-numeric: tabular-nums; padding: 0 4px; }
[data-lap] .tile.lap-done .tile-tap { box-shadow: inset 0 0 0 3px var(--signal); }
[data-lap] .lap-list { margin-top: 12px; }
[data-lap] .lap-h { font-size: 17px; margin: 16px 0 4px; }
[data-lap] .lap-fast td { font-weight: 700; }
[data-lap] .lap-tag { display: inline-block; font-size: 12px; font-weight: 600; background: var(--ink); color: var(--on-ink); border-radius: var(--pill); padding: 2px 8px; margin-left: 4px; vertical-align: 1px; }
[data-lap] .lap-list .dot { display: inline-block; margin: 0 4px 0 0; }
body.is-focus [data-lap] [data-multi] { flex: 1; }
body.is-focus [data-lap] [data-multi] .tile-tap { min-height: 22vh; }
@media (max-width: 520px) {
  [data-lap] .lap-controls .pill { padding: 10px 8px; font-size: 15px; }
  [data-lap] .lap-stat b { font-size: 17px; }
}