/* HTML版のネイティブ dialog 用補足。サイト本体の見た目は styles.css を編集します。 */
dialog.mobile-menu {
  position: fixed;
  margin: 0;
  padding: 0;
  max-height: none;
  max-width: none;
  color: var(--ink);
  overflow: visible;
}
dialog.mobile-menu[open] { display: block; }
dialog.mobile-menu::backdrop { background: transparent; }
body.menu-active { overflow: hidden; }
.mobile-menu-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  background: rgba(47, 43, 44, 0.32);
  cursor: pointer;
  pointer-events: auto;
  animation: static-menu-fade-in 420ms both;
}
.mobile-menu-panel { z-index: 1; }
.mobile-menu-close { z-index: 2; }
.mobile-menu[data-state="closed"] .mobile-menu-backdrop { animation-name: static-menu-fade-out; }
@keyframes static-menu-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes static-menu-fade-out { from { opacity: 1; } to { opacity: 0; } }
@media (min-width: 1061px) { dialog.mobile-menu[open] { display: none; } }