/* Capacitor / notch safe-area insets (#20 / #21). Harmless on desktop web. */
html {
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0)
    env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
  /* Kill rubber-band overscroll at the document level (iOS WKWebView). */
  overscroll-behavior: none;
}

body {
  /* Keyboard plugin resizes body; keep root scrollable within inset. */
  min-height: 100%;
  /* Full-bleed page shells must never create a sideways scroll on phones. */
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior: none;
  /* iOS Safari / WKWebView: avoid pull-to-refresh style bounce on body. */
  -webkit-overflow-scrolling: touch;
}

#root {
  min-height: 100%;
  max-width: 100%;
  overscroll-behavior: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
