@layer blocks {
  /* Off-canvas until focused, then sits above the sticky nav. */
  .skip-link {
    position: absolute;
    inset-inline-start: -9999px;
    inset-block-start: 0;
    z-index: 200;
    padding: var(--space-2xs) var(--space-s);
    background: var(--color-text);
    font-weight: var(--weight-semi);
    --color-link: var(--color-bg);
    --color-link-hover: var(--color-bg);
    --link-decoration: none;
  }

  .skip-link:focus {
    inset-inline-start: var(--space-2xs);
    inset-block-start: var(--space-2xs);
  }
}