/* Drawer off-screen before global.css parses (avoids mobile nav flash). */
@media (max-width: 768px) {
  header nav#site-nav:not(.mobile-open) {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1002;
    width: min(100% - 3rem, 20rem);
    max-width: 100%;
    height: 100%;
    height: 100dvh;
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
    pointer-events: none;
  }
}