/* FISCHRAINE Phase 169 — Accessibility + UX QA 1.1
   Shared interaction layer. No visual redesign. */

html{scroll-padding-top:88px}

.fr-skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:100000;
  padding:11px 14px;
  background:var(--ink,#111);
  color:var(--paper,#fff);
  border:1px solid currentColor;
  font:800 11px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  transform:translateY(-180%);
  transition:transform .16s ease;
}
.fr-skip-link:focus{transform:translateY(0)}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
}
:where(input,select,textarea):focus-visible{
  outline-offset:1px;
}

[aria-disabled="true"],button:disabled,input:disabled,select:disabled,textarea:disabled{
  cursor:not-allowed;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

@media (max-width:700px){
  .fr-skip-link{left:max(12px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top))}
  :where(a,button,[role="button"],summary){-webkit-tap-highlight-color:transparent}
}