/* Keep the mobile portal proportional on larger screens. */
@media (min-width: 768px) {
  html { background: #dce5ef; }
  body { width: 100%; max-width: 520px; min-height: 100vh; margin: 0 auto !important; box-shadow: 0 0 48px rgba(26,49,77,.12); }
  #appCapsule { min-height: 100vh; }
  .appHeader, .appBottomMenu, .extraHeader, .form-button-group {
    width: 100%; max-width: 520px; left: 50%; right: auto; transform: translateX(-50%);
  }
  .modal .form-button-group { position: static; left: auto; transform: none; }
}