/**
 * @file
 * Skip link. The outgoing theme had none — keyboard users tabbed through ten
 * nav links and eight filter chips before reaching the listing on every page.
 */

.skip-link {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  z-index: 500;
  translate: -50% -110%;
  padding: var(--space-2xs) var(--space-m);
  border-radius: 0 0 var(--radius-s) var(--radius-s);
  background: var(--accent-solid);
  color: var(--me-white);
  font-size: var(--step--1);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  text-decoration: none;
  transition: translate var(--duration-base) var(--ease-out);
}

.skip-link:focus {
  translate: -50% 0;
  color: var(--me-white);
}