/* Prevent page-wide horizontal scrolling while preserving intentional scrollable components. */
html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
  overflow-x: clip !important;
}

/* Keep the fixed mobile navigation out of the way while a drawer is open. */
body:has(.drawer.open) :is(.bottom-nav, .app-tabs, .home-bottom-nav) {
  display: none !important;
}