.mahgard-mobile-nav > summary { list-style: none; cursor: pointer; }
.mahgard-mobile-nav > summary::-webkit-details-marker { display: none; }
.mahgard-mobile-nav:not([open]) .mahgard-nav-close { display: none; }
.mahgard-mobile-nav[open] .mahgard-nav-open { display: none; }
.mahgard-mobile-nav-panel { display: none; }
.mahgard-mobile-nav[open] .mahgard-mobile-nav-panel {
  display: flex; position: fixed; z-index: 250; inset-inline: 0.75rem; top: 3.75rem;
  max-height: min(70dvh, 32rem); flex-direction: column; gap: 0.125rem; overflow-y: auto;
  border-radius: 0.75rem; border: 1px solid rgb(42 107 95 / 0.45);
  background-color: rgb(18 24 38 / 0.88); backdrop-filter: blur(14px); padding: 0.5rem;
  box-shadow: 0 20px 50px rgb(0 0 0 / 0.55);
}
.mahgard-mobile-nav-panel a {
  display: block; padding: 0.85rem 1rem; border-radius: 0.5rem;
  color: var(--text); font-weight: 500; text-decoration: none;
}
.mahgard-mobile-nav-panel a:hover { background: rgb(74 155 140 / 0.15); }