/* Phase 2 accessibility layer: shared keyboard navigation and motion safeguards. */
.skip-link{
  position:fixed;
  inset-block-start:12px;
  inset-inline-start:12px;
  z-index:1000;
  max-width:calc(100vw - 24px);
  padding:10px 14px;
  border:2px solid #8ef7ff;
  border-radius:10px;
  background:#05070d;
  color:#f8fbff;
  font:800 14px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;
  box-shadow:0 12px 36px rgba(0,0,0,.48);
  transform:translateY(calc(-100% - 24px));
}
.skip-link:focus-visible{transform:translateY(0);outline:3px solid #fff;outline-offset:3px}
:where(a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid #8ef7ff;
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(5,7,13,.82),0 0 0 8px rgba(84,215,229,.24);
}
@media(prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  .skip-link,:where(a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid Highlight;box-shadow:none}
}