.hd-skip-link {
  position: fixed;
  z-index: 100;
  top: -64px;
  left: 16px;
  padding: 10px 14px;
  border-radius: 9px;
  background: var(--brand, var(--accent, #245fba));
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transition: top .16s ease;
}

.hd-skip-link:focus { top: 14px; outline: 3px solid #fff; outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .hd-skip-link { transition: none; }
}