/**
 * Utilities
 * Only what the pages use. The generic utility set that lived here (layout, colour, spacing,
 * animation classes) was never used by either page and referenced 17 tokens that do not exist;
 * removed in the audit's token pass (4.16). Unlayered on purpose, so these win over components.
 */

/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Skip link */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  z-index: var(--z-skip-link);
  
  padding: var(--space-3) var(--space-4);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  
  transition: top var(--duration-micro) var(--ease-emphasized-decelerate);
}

.skip-link:focus {
  top: 0;
}