/* MAG_V4_ACCESSIBILITY_HARDENING_V1 */

.mag-skip-link{
  position:fixed;
  top:8px;
  left:8px;
  z-index:200000;
  transform:translateY(-180%);
  padding:12px 16px;
  border-radius:10px;
  background:#ffffff;
  color:#4f176d;
  font:700 14px/1.2 system-ui,sans-serif;
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}

.mag-skip-link:focus{
  transform:translateY(0);
}

:where(
  button,
  a,
  input,
  textarea,
  select,
  [tabindex]:not([tabindex="-1"])
):focus-visible{
  outline:3px solid #6d278d;
  outline-offset:3px;
}

.mag-a11y-live{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

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

@media (forced-colors:active){
  :where(
    button,
    a,
    input,
    textarea,
    select
  ):focus-visible{
    outline:3px solid CanvasText;
  }
}