/*
 * nav-item, one item of a navigation: text voice, the current page underlined in ink.
 * Unforged house identity 3.0.0 Broadside, 2026-08-22. Owner: Andreas. Layer: 02 molecules.
 *
 *   .u-nav-item                 the link: body voice at Barlow 500 in the ground's ink, no underline,
 *                               one space.row of padding on every side (52px tall at 390, over the 44px
 *                               target; a short word still reaches 44px wide through the inline padding)
 *   .u-nav-item[aria-current]   the current page: a line.edge underline in the ink, the only state
 *                               that marks an item. Set aria-current="page" in the markup; the browser
 *                               owns no other state
 *   :hover, :focus-visible      a hairline underline, the same on pointer and keyboard; never hover only
 *
 * Both grounds: the ink follows the ground alias.
 */
.u-nav-item {
  display: inline-block;
  padding: var(--u-space-row);
  font-family: var(--u-font-text);
  font-weight: 500;
  font-size: var(--u-size-body);
  line-height: var(--u-leading-body);
  color: var(--u-ground-ink);
  text-decoration: none;
  text-decoration-color: currentColor;
  transition: text-decoration-thickness var(--u-motion-state);
}
.u-nav-item:hover,
.u-nav-item:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: var(--u-line-hairline);
}
.u-nav-item[aria-current] {
  text-decoration: underline;
  text-decoration-thickness: var(--u-line-edge);
}