/* 슈퍼코어에서 옮겨 온 부품 — 원본: my-projects/슈퍼코어/packages/ui/src/skip-link/skip-link.css (커밋 782e5b38a). 고칠 때는 원본을 먼저 고친다(두 벌이 되면 하나가 낡는다) */
/* 본문 바로가기 (지시서 ④ S3) — 평소엔 화면 위로 숨기고, 초점을 받으면 내려와 **보인다**
 * 색은 앱 토큰을 따른다(--accent · --text-on-accent) · 없으면 브라우저 강조색
 * 누르는 곳 44px · 노치 아래로(안전영역) · 움직임 줄이기 설정이면 바로 나타난다
 */
.sc-skip-link {
  position: fixed;
  left: 8px;
  top: 0;
  z-index: 10000;
  transform: translateY(-120%);
  padding: 12px 16px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  background: var(--sc-skip-bg, var(--accent, Highlight));
  color: var(--sc-skip-fg, var(--text-on-accent, HighlightText));
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  transition: transform 0.12s ease-out;
}
.sc-skip-link:focus,
.sc-skip-link:focus-visible {
  transform: translateY(calc(8px + env(safe-area-inset-top, 0px)));
  outline: 3px solid currentColor;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .sc-skip-link { transition: none; }
}