/* Product-page refinements (codegraph, rca, code-review, verum, niro-cli).
   Loaded last on those five pages only. Tokens only; overrides that fight an
   inline style carry !important because the inline style wins otherwise. */

/* Press feedback on pointer-down. polish.css scales buttons and the primary
   CTAs; the secondary pill links (hv-4) and RCA's jump links had none, so a
   press on them read as dead until the page moved. */
main a.hv-4:active,
main a.hv-15:active {
  transform: scale(var(--scale-press));
  transition-duration: var(--dur-instant);
}

/* Hover on unselected tabs: the RCA tab strips only painted the chosen one, so
   a pointer over the others got no sign they were live. Gated on a real
   pointer so a tap does not leave a stuck hover. */
@media (hover: hover) and (pointer: fine) {
  [data-rca-tab][aria-selected="false"]:hover { color: var(--text-primary) !important; }
  [data-rca-thread][aria-selected="false"]:hover { border-color: var(--border-strong) !important; }
}

/* Touch: the code-review step list and blast-radius cards hover unconditionally,
   so on a phone the last-tapped card stays lifted after focus moves on. */
@media (hover: none) {
  .cr-steps button:hover:not([aria-selected="true"]) { border-color: transparent; }
  .cr-fc:hover { transform: none; }
}

/* A 20px caption heading does not want +1px tracking; positive tracking is
   for small caps-style labels. */
.cr-cap h3 { letter-spacing: var(--tracking-normal); }

/* The marching-ants wire only runs while the canvas is on screen
   (code-review.js toggles .is-off). */
.cr-flow.is-off .pulse { animation-play-state: paused; }

/* The CLI copy button is 30px tall; extend its hit area toward 44px without
   changing how it looks. */
[data-copy] { position: relative; }
[data-copy]::after { content: ""; position: absolute; inset: calc(var(--space-2) * -1) calc(var(--space-1) * -1); }

/* CodeGraph's with/without table: the value cells are nowrap in 27% columns,
   so on a phone "a different path" ran into "the same four hops". Let them
   wrap there. */
@media (max-width: 600px) {
  .cg-vs td { white-space: normal !important; }
}