/* ATLAS · assets/nav-act-hover.css
 * Provenance: AuditHunt v3 · 2026-05-06
 * Nav links reveal their Act number on hover via data-act attribute.
 */

/* Each nav link can carry data-act="I" etc.
   On hover, the act number fades in above the link text. */
.nav-link[data-act] {
  display: flex; flex-direction: column; align-items: center;
  gap: 0; padding: 4px 0; line-height: 1.2;
}
.nav-link[data-act]::before {
  content: attr(data-act);
  font-family: var(--f-mono); font-size: 8px; letter-spacing: 0.28em;
  text-transform: uppercase; color: var(--gold);
  opacity: 0; transform: translateY(4px);
  transition: opacity 200ms var(--ease-out-expo), transform 200ms var(--ease-out-expo);
  line-height: 1; display: block;
  pointer-events: none;
}
.nav-link[data-act]:hover::before,
.nav-link[data-act].active::before {
  opacity: 1; transform: translateY(0);
}
/* Slight upward nudge on the link text when act label appears */
.nav-link[data-act]:hover,
.nav-link[data-act].active {
  transform: translateY(-1px);
}