/* ===========================================================================
   V4 · delta over precision-v3.css
   ---------------------------------------------------------------------------
   The page loses both of its upper calls to action. What is left in the hero
   is one link into the argument, and it takes the accent so the band still
   has somewhere obvious to go.
   ======================================================================== */

/* The nav is the wordmark alone now. Without a second child, `space-between`
   has nothing to distribute and the mark would sit on its own at the left
   edge of a bar that is otherwise empty, which is fine, but the bar should
   not keep the height it needed for a button. */
.p-nav__inner--bare { justify-content: flex-start; }

/* One action, so it centres on its own rather than sitting where the pair
   used to leave it. */
.p-hero__ctas--single { justify-content: center; }

/* --- The accent link -----------------------------------------------------
   Lime, at the client's direction. It reads at 16.48:1 on the canvas, and
   `check-a11y` measures it against the densest ground the reactive-lines fan
   actually reaches rather than against the flat token.

   Hover goes to `--ink` rather than to a lighter lime: on a page where lime
   is the accent, a second lime is not a state change a reader can see. The
   underline is what carries the affordance in both states.
   ------------------------------------------------------------------------ */
.p-btn--accent {
  color: var(--accent);
}

.p-btn--accent:hover {
  color: var(--ink);
}

/* The one remaining hero action is a link, not a button, so it should look
   like one. A bare word with an arrow reads as decoration at this size in a
   band with nothing else in it. */
.p-btn--accent span:first-child {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
  transition: text-decoration-color var(--fast) var(--ease-out);
}

.p-btn--accent:hover span:first-child {
  text-decoration-color: currentColor;
}