.mobile-menu-toggle,.mobile-menu-heading,.mobile-menu-backdrop{display:none}
.application-nav .mobile-menu-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:800px){
  body.mobile-menu-open{overflow:hidden}
  .application-nav.mobile-nav-ready{z-index:100}
  .application-nav.mobile-nav-ready .wrap{overflow:visible;justify-content:space-between;flex-wrap:nowrap;min-height:64px;padding-top:8px;padding-bottom:8px}
  .application-nav.mobile-nav-ready .logo{width:auto;margin:0}
  .mobile-nav-ready .mobile-menu-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #ffffff70;border-radius:8px;background:transparent;color:#fff;font-size:14px;font-weight:600}
  .mobile-menu-bars{width:18px;height:14px;display:block;border-block:2px solid currentColor;position:relative}
  .mobile-menu-bars::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
  .application-nav.mobile-nav-ready .mobile-menu-panel{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);height:100dvh;background:#4d5e2c;color:#fff;box-shadow:12px 0 40px #18210d33;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:8px;padding:calc(20px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:102;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s}
  .mobile-nav-ready .mobile-menu-heading{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:0 4px 20px;margin-bottom:8px;border-bottom:1px solid #ffffff35}
  .mobile-menu-title{font-size:22px;font-weight:700;letter-spacing:-.5px}
  .mobile-menu-close{width:44px;height:44px;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:#fff;font-size:28px;line-height:1}
  .application-nav.mobile-nav-ready .mobile-menu-panel .nav-btn{flex:none;display:flex;align-items:center;min-height:54px;padding:14px 16px;border-radius:8px;font-size:16px;font-weight:500;text-transform:none;letter-spacing:0;color:#eef2e7;white-space:normal;text-decoration:none}
  .application-nav.mobile-nav-ready .mobile-menu-panel .nav-btn.active{background:#ffffff;color:#3f4e22;box-shadow:none;font-weight:700}
  .application-nav.mobile-nav-ready .mobile-menu-panel .nav-btn:hover{background:#ffffff20;color:#fff}
  .application-nav.mobile-nav-ready .mobile-menu-panel .nav-btn.active:hover{background:#f0f3e9;color:#3f4e22}
  .mobile-nav-ready .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:101;width:100%;height:100dvh;border:0;background:#17200e66;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s}
  .mobile-menu-open .mobile-nav-ready .mobile-menu-panel{transform:translateX(0);visibility:visible}
  .mobile-menu-open .mobile-nav-ready .mobile-menu-backdrop{opacity:1;visibility:visible}
  .mobile-menu-panel :focus-visible,.mobile-menu-toggle:focus-visible{outline:3px solid #dbe5bd;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav-ready .mobile-menu-panel,.mobile-nav-ready .mobile-menu-backdrop{transition:none}}
