/* Mobile menu (overlay) — safe even without Tailwind */
#mobileMenuBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.15);
  background: rgba(255,255,255,.92);
  cursor:pointer;
}
#mobileMenuBtn:active{ transform: translateY(1px); }

#mobileMenuOverlay[hidden]{ display:none !important; }

#mobileMenuOverlay{
  position: fixed;
  inset: 0;
  background: rgba(2,6,23,.45);
  backdrop-filter: blur(4px);
  z-index: 99999;
}

#mobileMenuPanel{
  position: absolute;
  left: 12px;
  right: 12px;
  top: 74px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 18px 60px rgba(2,6,23,.18);
  padding: 10px;
  max-height: calc(100dvh - 96px);
  overflow:auto;
}

#mobileMenuPanel a{
  display:block;
  padding: 12px 12px;
  border-radius: 12px;
  font-size: 16px;
  color: rgb(15,23,42);
  text-decoration:none;
}
#mobileMenuPanel a:hover{ background: rgba(15,23,42,.05); }

/* Hide hamburger on desktop */
@media (min-width: 900px){
  #mobileMenuBtn{ display:none !important; }
}