/**
 * root Design System - documentation styles: skip link
 *
 * Linked by `scripts/_docs-shell.mjs` on every page. Same constraints as the rest of the
 * shell: zero CSS classes - element, `[data-part]` and attribute selectors only - zero
 * inline styles, and every value a root foundation token.
 */

[data-part="skip-link"] {
  position: absolute;
  top: -10rem;
  left: 1rem;
  z-index: var(--root-z--tooltip);
  padding: var(--root-s--2xs) var(--root-s--md);
  color: var(--docs-text);
  background: var(--docs-surface);
  border: 1px solid var(--docs-border);
  border-radius: var(--root-r--md);
  text-decoration: none;

  &:focus {
    top: 1rem;
  }
}