/* The leaderboard behind the "6K+ producers trust us" dip (2026-10-04):
   pointing at the dip (or tapping / tabbing to it) slides a card up over the
   press bar with the count's history, newest first. Shared by the five pages
   that carry the dip. The dip is shaped by a CSS mask, which would clip
   anything inside it, so the card is the dip's SIBLING, placed from the
   bottom of the press bar's .wrap (the dip is 80 px tall).
   Served immutable: an edit means a new hashed copy (board-<hash>.css) and the
   five <link> tags repointed. A new count = a new first row, the old "is-now"
   row stays below it with its date; the numbers must be provable (UWG 5). */
.press .wrap { position: relative; }
.press__dip { outline: none; }
.press__dip:focus-visible .press__num { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.board {
  position: absolute; left: 50%; bottom: 92px; z-index: 5;
  width: max-content; min-width: 250px; padding: 14px 18px 12px;
  border-radius: 18px; background: rgba(255, 255, 255, .95); border: 1px solid rgba(255, 255, 255, .9);
  box-shadow: var(--sh2); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  opacity: 0; transform: translate(-50%, 14px) scale(.97); pointer-events: none;
  transition: opacity .3s var(--ease) .15s, transform .35s var(--ease) .15s;
}
.press__dip:hover + .board, .press__dip:focus + .board, .board:hover {
  opacity: 1; transform: translate(-50%, 0) scale(1); pointer-events: auto; transition-delay: 0s;
}
.board__k { margin: 0 0 6px; font: 600 10.5px/1.3 var(--font-display); letter-spacing: .2em; text-transform: uppercase; color: var(--accent); }
.board__list { list-style: none; margin: 0; padding: 0; }
.board__list li {
  display: grid; grid-template-columns: 70px 1fr auto; align-items: center; gap: 12px;
  padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; color: var(--text-2);
}
.board__list li:first-child { border-top: 0; }
.board__list b { font: 700 17px/1 var(--font-display); letter-spacing: -.03em; color: var(--text-3); font-variant-numeric: tabular-nums; }
.board__list .is-now b { font-size: 22px; color: var(--ink); }
.board__list i {
  font: 700 9.5px/1 var(--font-display); letter-spacing: .16em; text-transform: uppercase;
  color: #fff; background: var(--accent); padding: 4px 7px; border-radius: 999px;
}
.board__note { margin: 6px 0 0; font-size: 11.5px; color: var(--text-3); }
@media (prefers-reduced-motion: reduce) {
  .board { transform: translate(-50%, 0); transition: opacity .2s ease; }
}