/* Skip-to-content link — first focusable element on every page (DS §10). */
@layer components {
  .skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  .skip-link:focus {
    position: fixed;
    left: var(--pk-space-4);
    top: var(--pk-space-4);
    width: auto;
    height: auto;
    padding: var(--pk-space-3) var(--pk-space-4);
    background: var(--pk-ink);
    color: var(--pk-white);
    z-index: 100;
    border-radius: var(--pk-radius-md);
  }
}