/* ROUND 240: the mobile menu is sized to the part of the screen the visitor can actually see.
   It was pinned to the full layout viewport (inset:0); on iPhone Chrome that viewport runs on behind the
   browser's bottom toolbar, so the Login pill and the office block (pinned to the bottom of the menu)
   sat out of sight. 100dvh is the visible height; assets/r240.js sets the exact pixel height where it can. */
@media (max-width:1023px){
  .mnav{bottom:auto;height:100%;height:100dvh}
  body.admin-bar .mnav{height:calc(100% - var(--wp-admin--admin-bar--height,46px));height:calc(100dvh - var(--wp-admin--admin-bar--height,46px))}
}