/* Build 10 accessibility and release hardening. */
.ms-skip-link {
  position: fixed;
  z-index: 100000;
  top: 10px;
  left: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  color: #06101a;
  background: #77dcff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-150%);
  transition: transform .16s ease;
}

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

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid #65d5ff;
  outline-offset: 3px;
}

.ms-menu-toggle:focus-visible,
.ms-btn:focus-visible,
.ms-content-filters button:focus-visible {
  box-shadow: 0 0 0 4px rgba(101, 213, 255, .22);
}

[id] {
  scroll-margin-top: 104px;
}

.ms-site-main {
  min-height: 50vh;
}

.ms-mobile-panel[aria-hidden="true"] {
  visibility: hidden;
}

body.ms-menu-open .ms-mobile-panel[aria-hidden="false"] {
  visibility: visible;
}

.ms-content-filters button,
.ms-menu-toggle {
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 680px) {
  .ms-header-inner {
    width: min(100% - 24px, 1180px);
    padding-left: 16px;
  }

  .ms-actions .ms-btn {
    min-height: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  .ms-skip-link {
    transition: none;
  }
}