.site-skip-link {
  position: fixed;
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem;
  z-index: 20000;
  padding: 0.75rem 1rem;
  background: var(--site-text);
  color: var(--site-surface);
  transform: translateY(-200%);
}
.site-skip-link:focus {
  color: var(--site-surface);
  transform: translateY(0);
  outline: 2px solid var(--site-accent);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: no-preference) {
  .site-skip-link {
    transition: transform 0.15s ease;
  }
}