@media (max-width: 640px) {
  /* Android/WebView mobile drawer: keep logo and close button below status bar. */
  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full {
    top: max(30px, env(safe-area-inset-top, 0px)) !important;
    height: calc(100% - max(30px, env(safe-area-inset-top, 0px))) !important;
    max-height: calc(100dvh - max(30px, env(safe-area-inset-top, 0px))) !important;
  }

  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full > div:first-child {
    min-height: 56px !important;
    padding: 10px 12px !important;
  }

  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full > div:first-child button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }

  /* Make the drawer easier to scan and less oversized. */
  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full nav,
  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full [class*="overflow-y-auto"] {
    font-size: 13px !important;
  }

  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full a,
  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full button {
    line-height: 1.2 !important;
  }

  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full a[class*="py-"],
  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full button[class*="py-"] {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  div.fixed.inset-0.z-50.md\:hidden > div.absolute.left-0.top-0.h-full svg {
    width: 18px !important;
    height: 18px !important;
  }
}