.site-menu[hidden] {
  display: none;
}

.site-menu {
  position: fixed;
  top: var(--menu-top, 80px);
  right: 16px;
  z-index: 10000;
  width: min(360px, calc(100% - 32px));
  max-height: calc(100dvh - var(--menu-top, 80px) - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 8px 24px #0003;
  font-family: Arial, sans-serif;
}

.site-menu ul {
  margin: 0;
  padding: 30px 0;
  list-style: none;
}

.site-menu a {
  display: block;
  padding: 12px 20px;
  color: #222;
  font-size: 16px;
  line-height: 1.4;
}

.site-menu a:hover,
.site-menu a:focus-visible {
  background: #f1f1f1;
}

#js-menutop-btn:focus-visible,
.site-menu a:focus-visible {
  outline: 2px solid #2e6d9d;
  outline-offset: -2px;
}