/* Prevent oversized fixed-width legacy containers from forcing the mobile
   layout viewport wider than the device (which defeats the viewport meta
   tag). Desktop layout completely unchanged above 900px. */
html,body{overflow-x:hidden;max-width:100%}
@media (max-width:900px){
  *{max-width:100vw}
}

/* Mobile hamburger menu — desktop nav completely unchanged above 900px. */
.mnf-toggle{display:none}
.mnf-panel{display:none}
@media (max-width:900px){
  #menu1{display:none !important}
  .mnf-toggle{
    display:flex;align-items:center;gap:.5rem;position:relative;z-index:200;
    background:#1a1a1a;color:#fff;border:0;border-radius:6px;
    padding:.7rem 1.1rem;font-size:.95rem;cursor:pointer;margin:.6rem;
    font-family:inherit}
  .mnf-toggle span{display:block;width:22px;height:2px;background:#fff;position:relative}
  .mnf-toggle span::before,.mnf-toggle span::after{
    content:"";position:absolute;left:0;width:22px;height:2px;background:#fff}
  .mnf-toggle span::before{top:-7px}
  .mnf-toggle span::after{top:7px}
  .mnf-panel{display:none;background:#1a1a1a;width:100%}
  .mnf-panel.open{display:block}
  .mnf-panel ul{list-style:none;margin:0;padding:0}
  .mnf-panel li{border-top:1px solid rgba(255,255,255,.14)}
  .mnf-panel li a{display:block;padding:1rem 1.3rem;color:#fff;
    text-decoration:none;font-size:1rem;text-align:center}
  .mnf-panel li a:active{background:rgba(255,255,255,.1)}
}