.mnu{display:none;position:static;pointer-events:auto}
.mnu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;cursor:pointer;
  color:#112006;background:#fff;border:1px solid #D6DECB;border-radius:8px;box-shadow:0 2px 0 #C3CDB5;
  transition:background .2s ease,transform .12s,box-shadow .2s ease}
.mnu-btn:hover{background:#F4F7EE}
.mnu-btn:active{transform:translateY(1px);box-shadow:0 1px 0 #C3CDB5}
.mnu-btn svg{width:18px;height:18px;fill:currentColor}
.mnu-btn .mnu-x,.mnu-btn[aria-expanded="true"] .mnu-bars{display:none}
.mnu-btn[aria-expanded="true"] .mnu-x{display:block}
.mnu-btn[aria-expanded="true"]{background:#F4F7EE}
.mnu-sheet{position:absolute;top:calc(100% + 8px);left:12px;right:12px;z-index:70;display:flex;flex-direction:column;padding:8px;
  background:#fff;border:1px solid #D6DECB;border-radius:12px;box-shadow:0 3px 0 #C3CDB5,0 18px 40px rgba(19,35,56,.12)}
.mnu-sheet[hidden]{display:none}
.mnu-sheet:not([hidden]){animation:mnu-wipe .2s steps(5,end)}
@keyframes mnu-wipe{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.mnu-sheet a:not(.mnu-demo){display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:8px;
  font-family:'Jersey 10',var(--disp);font-size:34px;line-height:1;letter-spacing:.01em;color:var(--ink)}
.mnu-sheet a:not(.mnu-demo)+a:not(.mnu-demo){border-top:2px dotted #D6DECB;border-radius:0}
.mnu-sheet a:not(.mnu-demo)::before{content:'';width:10px;height:10px;flex:0 0 auto;background:#D6DECB;box-shadow:0 2px 0 #C3CDB5}
.mnu-sheet a:not(.mnu-demo):hover,.mnu-sheet a[aria-current]{color:#2E4A08}
.mnu-sheet a:not(.mnu-demo):hover::before,.mnu-sheet a[aria-current]::before{background:#6FAE00;box-shadow:0 2px 0 #4F760C}
.mnu-demo{display:flex;align-items:center;justify-content:center;margin-top:8px;padding:14px 16px;
  font:600 16px/1.2 var(--disp);color:#112006;background:#6FAE00;border:1px solid #527E08;border-radius:8px;box-shadow:0 2px 0 #4F760C;
  transition:background .2s ease,transform .12s}
.mnu-demo:hover{background:#7CBA0D}
.mnu-demo:active{transform:translateY(1px);box-shadow:0 1px 0 #4F760C}
/* The nav rows set a wide gap for the desktop links; the button sits beside the one action instead. */
@media (max-width:940px){.mnu{display:block;margin-left:-24px}}
@media (max-width:560px){.mnu{margin-left:-2px}}
@media (min-width:561px){.mnu-sheet{left:auto;width:min(420px,calc(100% - 24px))}}
@media (prefers-reduced-motion:reduce){.mnu-sheet:not([hidden]){animation:none}}