@media (max-width: 960px){
  .site-header{position:sticky;top:0;z-index:1000}
  .nav{display:none;position:fixed;inset:0;width:100vw;height:100dvh;background:var(--ivory);z-index:999;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .nav.open{display:block}
  .nav-inner{min-height:100%;padding:calc(env(safe-area-inset-top,0px) + 148px) 26px calc(env(safe-area-inset-bottom,0px) + 190px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}
  .nav a{display:flex;flex:0 0 auto;align-items:center;width:100%;min-height:56px;font-size:20px;line-height:1.2;padding:14px 8px;border-radius:0;border-bottom:1px solid var(--line);white-space:normal;color:var(--ink);background:transparent}
  .nav a:first-child{margin-top:4px}
  .nav .member-access{margin:24px 0 0;border-radius:999px!important;justify-content:center;min-height:54px;padding:14px 18px;position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:3;box-shadow:0 10px 30px rgba(0,0,0,.16)}
  .header-actions{position:relative;z-index:1001}
  body.menu-open{overflow:hidden;touch-action:none}
}
@media (max-width:640px){
  .nav-inner{padding-top:calc(env(safe-area-inset-top,0px) + 152px);padding-left:22px;padding-right:22px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 210px)}
  .nav a{font-size:19px;min-height:54px;padding-top:13px;padding-bottom:13px}
  .nav .member-access{bottom:calc(env(safe-area-inset-bottom,0px) + 98px)}
}