/* SECTION: Utilities — single purpose, may use !important as an intentional override */

.u-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.u-skip-link {
  position: fixed;
  inset-block-start: var(--sp-2);
  inset-inline-start: var(--sp-2);
  z-index: var(--z-toast);
  padding: var(--sp-2) var(--sp-4);
  background: var(--c-accent);
  color: var(--c-accent-ink);
  border-radius: var(--r-sm);
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform var(--dur-mid) var(--ease);
}

.u-skip-link:focus-visible {
  transform: translateY(0);
}

[hidden] {
  display: none !important;
}