/* Keeps every page out of the phone's notch / status bar / home indicator.
   Installed web apps on iPhone draw edge-to-edge (viewport-fit=cover), so without this the
   top buttons sit under the notch and taps there are taken by the status bar instead.
   On desktop and ordinary browser tabs these insets are 0, so nothing changes. */
html {
  padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}