/* Keep the existing white canvas behind the browser's safe areas. */
html { background-color: #fff; color-scheme: light; }
@media (hover: none) and (pointer: coarse) {
  body { padding-top: env(safe-area-inset-top, 0px); padding-right: env(safe-area-inset-right, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); padding-left: env(safe-area-inset-left, 0px); }
  .site-header { top: env(safe-area-inset-top, 0px); left: env(safe-area-inset-left, 0px); right: env(safe-area-inset-right, 0px); }
}