/* Accessibility baseline loaded after the selected visual theme. */
.sr-only{
  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;
}

.skip-link{
  position:fixed;
  z-index:10000;
  top:10px;
  left:10px;
  max-width:calc(100vw - 20px);
  padding:10px 14px;
  border:2px solid currentColor;
  border-radius:8px;
  background:var(--bg-elev,#fff);
  color:var(--heading,#111);
  font:700 1rem/1.2 var(--sans,system-ui,sans-serif);
  text-decoration:none;
  transform:translateY(calc(-100% - 20px));
}
.skip-link:focus{
  transform:translateY(0);
}

:where(a,button,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid var(--accent-2,#0b57d0);
  outline-offset:3px;
}

.card:focus-within{
  border-color:var(--accent-2,#0b57d0);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2,#0b57d0) 35%,transparent);
}

#main-content:focus{
  outline:none;
}

@media (forced-colors:active){
  .skip-link,
  :where(a,button,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
    outline:2px solid CanvasText;
  }
  .theme-toggle,.menu-toggle,.lang-menu__summary,.pagination__link,.pagination__page,.pill{
    border:1px solid ButtonText;
  }
}