/* Mobile menu: keep the logo and the Menu/Close control above the open overlay, and lock the page behind it. */
.nav-toggle>span{grid-area:1/1}
.nav-toggle .nav-toggle-close{visibility:hidden}
body.nav-open .nav-toggle .nav-toggle-menu{visibility:hidden}
body.nav-open .nav-toggle .nav-toggle-close{visibility:visible}
@media not all and (min-width:960px){
  .nav-toggle{display:inline-grid;place-items:center}
  body.nav-open .site-header .logo{z-index:3}
  body.nav-open .nav-toggle,body.nav-open .header-book{position:relative;z-index:46}
  body.nav-open .nav-toggle{border-color:var(--paper);color:var(--paper)}
  .site-nav{overscroll-behavior:contain}
  html.nav-lock,html.nav-lock body{overflow:hidden}
}